The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Rotating banner: transition issue

View previous topic View next topic Go down

Solved Rotating banner: transition issue

Post by troyeccles on October 26th 2016, 4:27 pm

bellsareringing.forumotion.com
phpBB3

Hi,

I have a rotating banner on my forum created from a java script on the thread below:

http://help.forumotion.com/t144239-turn-your-forum-banner-into-a-slide-show#985351

The problem is that between fading transitions, the banner disappears completely causing the entire page to shift upward. This means that as you're reading posts, ever few seconds the page shifts up and then back again.

Is there any way of fixing the height of the banner section so this does not occur during transitions?


Last edited by troyeccles on October 27th 2016, 2:04 am; edited 1 time in total

troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

Solved Re: Rotating banner: transition issue

Post by APE on October 26th 2016, 7:34 pm

troyeccles wrote:bellsareringing.forumotion.com
phpBB3

Hi,

I have a rotating banner on my forum created from a java script on the thread below:

http://help.forumotion.com/t144239-turn-your-forum-banner-into-a-slide-show#985351

The problem is that between fading transitions, the banner disappears completely causing the entire page to shift upward. This means that as you're reading posts, ever few seconds the page shifts up and then back again.

Is there any way of fixing the height of the banner section so this does not occur during transitions?
Hello if your banners are not the same size this will happen you have to make sure all your banners are 100% the same size.



avatar
APE
Manager
Manager

Male Posts : 10679
Reputation : 997
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Rotating banner: transition issue

Post by Valoish on October 26th 2016, 7:57 pm

@APE If you go on his forum link you'll notice they are all the same size. The issue doesn't show up when on the Portal/Index of the forum, but once you click a topic you notice the issue. I checked his forum and there's a 0.5 second jump during the transition where the image disappears completely. Since this is happening only in the topics and nowhere else, I doubt it's a problem with his images.. It's most likely a small JS bug or something
avatar
Valoish
Forumember

Female Posts : 291
Reputation : 53
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: Rotating banner: transition issue

Post by Ange Tuteur on October 26th 2016, 8:16 pm

@troyeccles try setting a default height via the JavaScript.
height : Defines a default height for all images in the rotation. The measurement used can be px, em, %, etc.. By default, the value is set to auto which is the default height of each image. It's recommend to use images of the same dimensions, as images of different sizes can cause jumping, stretching, etc.. Use this option to set a default height if you experience anything of the like.
See 2. MODIFICATIONS
http://help.forumotion.com/t144239-turn-your-forum-banner-into-a-slide-show#985351

Since all the banners are the same height, set the value of this field to the height of those images in pixels.
avatar
Ange Tuteur
Forumaster

Male Posts : 13175
Reputation : 2876
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rotating banner: transition issue

Post by troyeccles on October 26th 2016, 10:02 pm

Ok Ange I'll give that a go. I did think that was about a setting if different sized images were in play.

I'll get back in a sec

troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

Solved Re: Rotating banner: transition issue

Post by troyeccles on October 27th 2016, 2:04 am

Setting the height in px worked well on one device but not others so I tried 100% and it seems to have fixed the issue.

Thank you once again, @Ange Tuteur.
And thank you @Valoish for helping me out! Smile


troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

Solved Re: Rotating banner: transition issue

Post by SLGray on October 27th 2016, 7:04 am

Problem solved & topic archived.
Please read our forum rules: ESF General Rules


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40219
Reputation : 2716
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum