Slideshow img tag pops up through first loop #15

Open
bigobigobigo opened this Issue Oct 11, 2012 · 0 comments

Comments

Projects
None yet
1 participant

Great work !

SlideShow v. 2.1.0

I do have a question though. When I have a slide show div containing img tags, the first loop through all images behaves strange. After each transition the last pic pops up for a sec, just to fade after next transition. When first loop is finished everything looks as it should.

I can hide the slide show for a few seconds, but how to reinitialize slideshow div with new settings in mootools way: $('slideshow').reinitialize(options) ???.

There is a JS methods for this 'setup', but it displays only the first transition.

HTML:

    <img data-slideshow="transition:crossFade" style="display: none;" src="pics/tlumaczenia_small.jpg" width="450px" height="250px"></img>

    <img data-slideshow="transition:crossFade" style="display: none;" src="pics/tlumaczenia_3_small.jpg" width="450px" height="250px"></img>

    <img data-slideshow="transition:crossFade" style="display: none;" src="pics/DeadSpace_-_SiteBG.jpg" width="450px" height="250px"></img>

    <img data-slideshow="transition:crossFade" style="display: none;" src="pics/wl2S-screen.jpg" width="450px" height="250px"></img>

    <img data-slideshow="transition:crossFade" style="display: none;" src="pics/DeadSpace_-_SiteBG.jpg" width="450px" height="250px"></img>

    <img data-slideshow="transition:crossFade" style="display: none;" src="pics/deadspace.jpg" width="450px" height="250px"></img>

JS:

window.addEvent('domready', function() {
$('slideshow').playSlideShow();
...

Regards, Luke.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment