Note that there are some explanatory texts on larger screens.

plurals
  1. POMootools slideshow adapting
    primarykey
    data
    text
    <p>I'm looking for a Mootools slideshow that changes main picture with a timer (normal slideshow function) and has a clickable thumbnail list. Because I have many other mootools features in the site I am working so the slideshow has to be mootools.</p> <p>I found two options:</p> <ul> <li><p><a href="http://scrollgallery2.mashitup.de/" rel="nofollow">scrollgallery2.mashitup.de</a> (which is a v.2 of <a href="http://mootools.net/forge/p/scrollgallery" rel="nofollow">this</a>) - how to make it start the slideshow? (its stoped in the first picture)</p></li> <li><p><a href="https://github.com/jakobholmelund/SpinSlider#readme" rel="nofollow">github.com/jakobholmelund/SpinSlider</a> (which Jakob adapted from a jQuery slideshow) - the .js file is missing the thumbs code. Any ideas how to merge/translate the jQuery idea to Mootools?<br />(see under)</p></li> </ul> <p>jQuery version:</p> <pre><code>if (options.bulletThumbs) { var thumbName = slides.eq(i).data('thumb'); if (thumbName) { var liMarkup = $('&lt;li class="has-thumb"&gt;' + i + '&lt;/li&gt;') liMarkup.css({ "background": "url(" + options.bulletThumbLocation + thumbName + ") no-repeat" }); } } orbitWrapper.children('ul.orbit-bullets').append(liMarkup); liMarkup.data('index', i); liMarkup.click(function () { stopClock(); shift($(this).data('index')); }); } setActiveBullet(); } </code></pre> <p>Mootools adapted by Jakob Holmelund:</p> <pre><code>if(this.options.bullets){ this.bullets = new Element("ul").addClass("spin-bullets").inject(this.spinWrap); this.slides.each(function(slide, index){ new Element("li",{text:index+1}).addEvent("click", function(){ self._stopClock(); self._spin(index); }).inject(self.bullets); }); this._setActiveBullet(); } </code></pre> <p>Any suggestions how to fix one of this? or any other slideshow idea?</p>
    singulars
    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