search

IanLunn / Sequence

The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications.
http://sequencejs.com
Other
3.37k stars 488 forks source link

Themes flicker between slides when viewed in an iFrame #236

Open shafqatevo opened 10 years ago

shafqatevo commented 10 years ago

Hi Ian,

First, thanks for developing this awesome slider!

We're considering using this for a page but concerned about the flicker that happens in between slide transitions, which happens even in the themes shown in the sequencejs.com site.

Please let us know how to eliminate the flicker.

Thanks, Shafqat

IanLunn commented 10 years ago

Hi @shafqatevo, I am unaware of a flicker effect. What browser/device are you seeing this in please?

An easy fix may be adding transform: translateZ(0) to the flickering elements to enable hardware acceleration.

shafqatevo commented 10 years ago

Hi Ian,

The flicker is clearly visible in Chrome latest version on both Windows 8 and Mac OS Mavericks 10.9.2 for all the demos in the sequencjs.com site.

Please confirm this and let us know how to make it work flicker-free in Chrome.

Thanks! Shafqat

IanLunn commented 10 years ago

Thanks, I didn't know that was happening. On first glance, it seems to only happen on the sequencejs.com site, possibly due to being loaded via an iframe. The same doesn't occur when the theme is downloaded and viewed outside of the iframe.

Do you also see the flicker on the themes when viewed on the demo page?

shafqatevo commented 10 years ago

Yes, Ian, the demo page demos run smoothly. So, it was due to the iframe.

Thanks for your prompt responses! Really appreciate this.

IanLunn commented 10 years ago

Ok, thanks for bringing it to my attention. I've changed the issue title to make it specific to themes viewed in an iframe and will figure out a solution soon.