jQuery Forum

All,

Cycle plug-in works awesome, when hovering over my DIV it pauses appropriately. I'm currently dynamically adjusting the height of the cycling DIV. Therefore, DIV just below the cycling DIV slides up and down to take up any white space. This is working as I want.  Is it possible to pause the cycling DIV when hovering over the lower DIV which moves up and down, just as the cycling DIV?? Or is there a way to stop or pause cycling after you scroll down on a page??

There is an example running at http://www.mywebtimes.com/todd.php

Thanks,
Todd

All,

I have been going crazy trying to figure out why my jquery cycle plugin will not function correctly in IE8, the url is:

http://www.qconline.com/todd2.php

Works fine in Chrome, Firefox and IE9.

My jquery code is as follows:

<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($) {
/* $(document).ready(function() { */
    $('#new_tabs')
    .before('<div id="nav_tabs">')
    .cycle({
        fx:     'fade',
        timeout: 7000,
        delay:  -2000,
        pause:  1,
        pager:  '#nav_tabs',
        pagerAnchorBuilder: paginate
    });
});

function paginate(ind, el) {
if (ind === 0) {
return 'TOP STORIES';
}
else if (ind === 1) {
 return 'LIFE';
}
else if (ind === 2) {
 return 'Q-C NEWS';
}
else if (ind === 3) {
 return 'BUSINESS';
}
else if (ind === 4) {
 return 'SPORTS';
}
else {
 return 'VIDEO';
}
}
</script>

Only reason this works in IE9 is because I added the follow line to the header of the page, without it it breaks:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

I have tried  content="IE=8" and several other setting with no luck.

Thanks for any help you might have,
Todd