Note that there are some explanatory texts on larger screens.

plurals
  1. PODelay setting in jQuery Banner Rotator plugin not working
    primarykey
    data
    text
    <p>I'm working with an awesome and flexible jQuery banner rotator but I needed to modify it to load the slides from an external source. I got the external source working great and the slideshow loading but I can't seem to get it to recognize the delay setting.</p> <p>Basically I modified how the plugin initiates so that it loads my external content and then formats it before the slideshow function.</p> <pre><code>// Grabs data from Sphere Photo Gallery and formats the HTML for jQuery Banner Rotator plugin function sphereSlider(options) { $.get("PhotoGallery.aspx.htm",function(data){ var html = ''; $(data).find('#pg_summary img').each(function(i){ var imgsrc = $(this).attr("src"); html += "&lt;li&gt;"; html += "&lt;a href='"+imgsrc+"'&gt;&lt;img src='"+imgsrc+"' border=0/&gt;&lt;/a&gt;"; html += "&lt;div class='imgCaption'&gt;"; html += "&lt;h1&gt;"+$(data).find('#pg_summary .pg_title:eq('+i+')').html().replace("&amp;nbsp;","")+"&lt;/h1&gt;"; html += "&lt;a href='"+$(data).find('#pg_summary .pg_title:eq('+i+')').html().replace("&amp;nbsp;","")+"'&gt;&lt;/a&gt;"; html += "&lt;div class='slideDesc'&gt;"+$(data).find('#pg_summary .pg_longdescriptor:eq('+i+')').html()+"&lt;/div&gt;"; html += "&lt;/div&gt;"; html += "&lt;/li&gt;"; }); $('.thumbnails ul').html(html); $(".container").wtRotator(options); }); } </code></pre> <p>And then in the html I call my function like this:</p> <pre><code>&lt;script type="text/javascript"&gt; $(document).ready(function() { sphereSlider({ width:900, height:254, thumb_width:24, thumb_height:24, button_width:24, button_height:24, button_margin:5, auto_start:true, delay:5000, play_once:false, transition:"block.fade", transition_speed:800, auto_center:true, easing:"", cpanel_position:"inside", cpanel_align:"BR", timer_align:"top", display_thumbs:false, display_dbuttons:false, display_playbutton:false, display_thumbimg:false, display_side_buttons:true, display_numbers:false, display_timer:true, mouseover_select:false, mouseover_pause:true, cpanel_mouseover:false, text_mouseover:false, text_effect:"fade", text_sync:true, tooltip_type:"text", shuffle:false, block_size:75, vert_size:55, horz_size:50, block_delay:25, vstripe_delay:75, hstripe_delay:180 }); } ); &lt;/script&gt; </code></pre> <p>It should work since all other settings are working. It's just the delay time that is not correctly being set. Any help would be appreciated. I have uploaded the full source to <a href="http://www.truimage.biz/cc/rotator.zip" rel="nofollow">http://www.truimage.biz/cc/rotator.zip</a> for troubleshooting.</p> <p>Thanks!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload