Jump to content
Sign in to follow this  
jasonp

Feature Page - prevent transitions on right side

Recommended Posts

jasonp

Hi everyone: I'm using the feature page for the landing, and have 3 rotating items for the left side but i keep the right side (my logo) static. It looks mostly fine in firefox and chrome (a slight flicker upon change), but appears to pulse in a distracting way during the transition in internet explorer. Any ideas how I can resolve this? Thanks! Jason

Share this post


Link to post
Share on other sites
jnoh

Hey jasonp, Do you have a live link I can refer to? IE is always the problem child :(. I'll see how I can help you.

Share this post


Link to post
Share on other sites
Andrew

IE hates .png images inside of the Javascript transitions. (it can't handle multiple transparency effects) The solution is to find a way to use a .jpg or .gif image.

Share this post


Link to post
Share on other sites
jasonp

Hmm. But neither of those support transparency, am I correct? Would have to recreate the exact background to visually work together. This is very helpful though, thank you Andrew.

Share this post


Link to post
Share on other sites
jasonp

Andrew -- just following up. What about my original idea about simply prohibiting changes from occurring on the right side of the feature in the first place? The left looks great and the right I want static...can that be done? All the best, Jason

Share this post


Link to post
Share on other sites
Andrew

Can be done, but probably not easily. If I were you I would just duplicate the background, and match the predefined dimensions so it looks seamless. You can probably achieve a great looking result that way. plus this way, if you want to go 'dynamic' with the media area later you can :)

Share this post


Link to post
Share on other sites
jasonp

This is actually exactly what I've done!! The issue (see the top of the posting), is that internet explorer makes it look pulsating during the transition. Chrome and Firefox have otherwise treated it quite well...but since much of my audience are on old corporate computers with IE, this unfortunately becomes a real issue I need to figure how to fix.

Share this post


Link to post
Share on other sites
Andrew

don't use a transparent .png. Instead duplicate the background and include in a .jpg.

Share this post


Link to post
Share on other sites
jasonp

Hi Andrew: My designer has tried everything he knows how based directly on the website to replicate the background but unfortunately he keeps falling through. At first the images were too big and then they were too bright when shrunk to the appropriate size. Do you have the exact specifications of the background in that space that you could please send or point me to? Thanks! Jason

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×