Cycler issues

Page: 1

Author Post
Member
Registered: Apr 2013
Posts: 22
Location: Nevada Test Site, USA
Using the cycler to display clickable advertisements. Getting different results on different browsers. Chrome and Firefox do not pause on hover, but IE11 does. However, IE11 does not resume cycling when the mouse is moved off the cycler. The cycler continues to run after clicking an image on Chrome and Firefox, but does not on IE11. I just upgraded to Floatbox 6.0.4 but it didn't help. No changes to options.js other than my license key. Here are the global options on the page:

fbPageOptions = {
shadowType: 'halo',
resizeDuration: 5.5,
imageFadeDuration: 4.5,
overlayFadeDuration: 0,
navType: 'both',
minBoxHeight: "500px",
minBoxWidth: "700px",
minContentHeight: 480,
minContentWidth: 680,
titleAsCaption: "a",
colorTheme: "custom",
newWindowLinkPos: "bl",
captionPos: "tl",
activateOnClick: true,
showOuterClose: true,
showClose: false
};


Cycler code:

<div class="fbCycler" data-fb-options="group:hotnews cycleEnableClick:false cyclePauseOnHover:true cycleFadeTime:2 cycleShowControls:false" style="height:150px;">
<div>
<a href="images/cso_mfr.pdf" target="_blank" title="Click here for more details"><img border="0" alt="MFR-CSO Contest" src="images/rewards/cso_mfr.png" /></a>
<span><a href="?MenuIDSelection=MemberContest&amp;CustomerID=nnn&amp;sid=xxx&amp;ExactID=-1" class="link2">Click Here To See How Many Chances You Have Earned So Far!</a></span>
</div>
<div>
<a href="images/specials/ngk_march.pdf" target="_blank"><img border="0" alt="March NGK&reg; Promo" title="March NGK&reg; Promo" data-fb-src="images/rewards/ngk_march.png" /></a>
<span>For every order of $100 worth of NGK&reg; get a free Nebo&reg; Power Bank and Light*!</span>
<span style="font-size:xx-small">*While supplies last</span>
</div>
<div>
<a href="images/specials/socmed6k.pdf" target="_blank"><img border="0" alt="March NGK&reg; Promo" title="March NGK&reg; Promo" data-fb-src="images/rewards/socmed6k.png" /></a>
<span>Like us on Facebook and win an O2 Beam&trade; high-powered flashlight!</span>
</div>
</div>
Administrator
Registered: Aug 2008
Posts: 3382
I just checked the cyclers on my demo page and cyclePauseOnHover:true is not working there either. It is consistently not doing anything in any browser, including IE 11. I'm not sure why you're getting different results. I'll have to get that fixed in the next release.

It's a low priority because I don't think the cyclePauseOnHover and cycleResumeOnHover are useful or a good idea any more. They remain in the package basically for historical legacy purposes. They've been superseded by the pause on click capabilities, which you've got explicitly disabled. There is no hover actions available on touch devices and there's a ton of touch devices out there. Using the click action to pause and resume let's everybody play and gives consistent behaviour across mobile and desktop browsers.
Member
Registered: Apr 2013
Posts: 22
Location: Nevada Test Site, USA
Thank you for the quick reply!

Yes, that definitely makes sense for touch-enabled platforms. For this particular website, which is B2B, virtually all of the customers are using desktops to access it. So far no one is complaining so I will patiently await your next release.

Page: 1