The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Rotating banner: transition issue

5 posters

Go down

Solved Rotating banner: transition issue

Post by troyeccles Wed 26 Oct - 17:27

bellsareringing.forumotion.com
phpBB3

Hi,

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

https://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 Thu 27 Oct - 3:04; edited 1 time in total
avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

Solved Re: Rotating banner: transition issue

Post by Ape Wed 26 Oct - 20:34

troyeccles wrote:bellsareringing.forumotion.com
phpBB3

Hi,

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

https://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.


Rotating banner: transition issue  Left1212Rotating banner: transition issue  Center11Rotating banner: transition issue  Right112
Rotating banner: transition issue  Ape_b110
Rotating banner: transition issue  Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19435
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Solved Re: Rotating banner: transition issue

Post by Valoish Wed 26 Oct - 20:57

@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
Valoish
Valoish
Forumember

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

http://www.canvastutorials.org/

Back to top Go down

Solved Re: Rotating banner: transition issue

Post by Ange Tuteur Wed 26 Oct - 21:16

@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
https://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.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rotating banner: transition issue

Post by troyeccles Wed 26 Oct - 23:02

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
avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

Solved Re: Rotating banner: transition issue

Post by troyeccles Thu 27 Oct - 3:04

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

avatar
troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

Solved Re: Rotating banner: transition issue

Post by SLGray Thu 27 Oct - 8:04

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


Rotating banner: transition issue  Slgray10

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

Male Posts : 51554
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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