Announcement

Collapse
No announcement yet.

animated slide show

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    animated slide show

    i was just thinking that would be really nice to have an extra button in the "gallery slideshows" to auto advance them after a few seconds...seems it could be simple? i dont really know, but im curious what ppl think of something like that

    #2
    vB5 uses jCarousel jQuery plugin for the gallery slideshow. By default, the jCarousel core only contains the minimum functionality needed to create carousel widgets. This is what vB5 has. To have autoscroll feature, you have to add the jCarousel Autoscroll plugin.
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


      #3
      hmm....it seems simple enough? we can do it yes?

      im a bit confused of the installation tho.....ive followed this dl link>>


      which results in the code below, but im not sure where to put it or if its as simple as adding that file, then?
      then to manually code the buttons in?

      trying to sense how involved this would be to accomplish

      /*! jCarousel - v0.3.4 - 2015-09-23 * http://sorgalla.com/jcarousel/ * Copyright (c) 2006-2015 Jan Sorgalla; Licensed MIT */ !function(a,b){"use strict";var c,d,e={hidden:"visibilitychange",mozHidden:"mozvis ibilitychange",msHidden:"msvisibilitychange",webki tHidden:"webkitvisibilitychange"};a.each(e,functio n(a,e){return"undefined"!=typeof b[a]?(c=a,d=e,!1):void 0}),a.jCarousel.plugin("jcarouselAutoscroll",{_opt ions:{target:"+=1",interval:3e3,autostart:!0},_tim er:null,_started:!1,_init:function(){this.onDestro y=a.proxy(function(){this._destroy(),this.carousel ().one("jcarousel:createend",a.proxy(this._create, this))},this),this.onAnimateEnd=a.proxy(this._star t,this),this.onVisibilityChange=a.proxy(function() {b[c]?this._stop():this._start()},this)},_create:functi on(){this.carousel().one("jcarousel:destroy",this. onDestroy),a(b).on(d,this.onVisibilityChange),this .options("autostart")&&this.start()},_destroy:func tion(){this._stop(),this.carousel().off("jcarousel :destroy",this.onDestroy),a(b).off(d,this.onVisibi lityChange)},_start:function(){return this._stop(),this._started?(this.carousel().one("j carousel:animateend",this.onAnimateEnd),this._time r=setTimeout(a.proxy(function(){this.carousel().jc arousel("scroll",this.options("target"))},this),th is.options("interval")),this):void 0},_stop:function(){return this._timer&&(this._timer=clearTimeout(this._timer )),this.carousel().off("jcarousel:animateend",this .onAnimateEnd),this},start:function(){return this._started=!0,this._start(),this},stop:function (){return this._started=!1,this._stop(),this}})}(jQuery,docu ment);

      Comment

      Users Viewing This Page

      Collapse

      There is 1 user viewing this forum topic.

      • Guest Guest

      Latest Posts

      Collapse

      Working...
      X
      Searching...Please wait.
      An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

      Please push the back button and reload the previous window.'
      An unexpected error was returned: 'Your submission could not be processed because the token has expired.

      Please push the back button and reload the previous window.'
      An internal error has occurred and the module cannot be displayed.
      There are no results that meet this criteria.
      Search Result for "|||"