jQuery Forum

Ive no idea what it means, but in case its helpful I get this code in the head of my document.

Working Slideshow:

<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/dom5/", "admin_menu": { "margin_top": 1 }, "viewsSlideshowSingleFrame": { "#views_slideshow_singleframe_main_slideshow-page_1": { "num_divs": 3, "id_prefix": "#views_slideshow_singleframe_main_", "div_prefix": "#views_slideshow_singleframe_div_", "vss_id": "slideshow-page_1", "timeout": "5000", "sort": 1, "effect": "scrollHorz", "speed": "700", "start_paused": 0, "delay": "0", "fixed_height": "1", "random": "0", "pause": "1", "pause_on_click": "0", "pause_when_hidden": 0, "pause_when_hidden_type": "full", "amount_allowed_visible": "", "remember_slide": 0, "remember_slide_days": "1", "controls": "0", "items_per_slide": "1", "pager": "0", "pager_type": "Numbered", "pager_hover": "2", "pager_click_to_page": 0, "image_count": "0", "nowrap": "1", "sync": "1", "advanced": "next: a#next,\nprev: a#prev", "ie": { "cleartype": "true", "cleartypenobg": "false" } } } });
//--><!]]>

Not Working Slideshow:

<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/dom5/", "admin_menu": { "margin_top": 1 }, "viewsSlideshowSingleFrame": { "#views_slideshow_singleframe_main_slideshow-page_2": { "num_divs": 3, "id_prefix": "#views_slideshow_singleframe_main_", "div_prefix": "#views_slideshow_singleframe_div_", "vss_id": "slideshow-page_2", "timeout": "5000", "sort": 1, "effect": "scrollHorz", "speed": "700", "start_paused": 0, "delay": "0", "fixed_height": "1", "random": "0", "pause": "1", "pause_on_click": "0", "pause_when_hidden": 0, "pause_when_hidden_type": "full", "amount_allowed_visible": "", "remember_slide": 0, "remember_slide_days": "1", "controls": "0", "items_per_slide": "1", "pager": "0", "pager_type": "Numbered", "pager_hover": "2", "pager_click_to_page": 0, "image_count": "0", "nowrap": "1", "sync": "1", "advanced": "next: a#next,\nprev: a#prev,\nafter: onAfter, \ntimeout: 0 ", "ie": { "cleartype": "true", "cleartypenobg": "false" } } } });
//--><!]]>

Remove the <pre><code> block that contains the cycle script and add the script to your document head:

1. <script>
2. $(document).ready(function() {
3.     $('#slideshow').cycle) {
4.         prev: '#prev',
5.         next: '#next',
6.         after: onAfter,
7.         timeout: 0 
8.     });
9. });
10. function onAfter(curr, next, opts) {
11.     var index = opts.currSlide;
12.     $('#prev')[index == 0 ? 'hide' : 'show']();
13.     $('#next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
14. }
15. </script>