akslideshow

This is a simple jquery implementation of JonDesign’s Smooth SlideShow Library . It aims only to replicate the timed mode feature of jon’s plugin.

This is an early alpha release and it works only on firefox now in Beta and it works with both firefox and IE. check out the demo here. You can download the plugin from http://code.google.com/p/akslideshow/downloads/list .

It has been tested with jquery 1.2.3.

How To Use It

  1. first include the stylesheet
    <link href="akslide.css" rel="stylesheet" type="text/css" />
  2. now include the jQuery and akslideshow.js file
    <script src="jquery-1.2.3.min.js" type="text/javascript">
    </script>
    <script src="jquery.akslideshow.js" type="text/javascript">
    </script>
  3. We will initialize the gallery now, for that we need to pass three parameters
    1. an array with list of image paths to be used for slideshow
      var imglist=new Array('1.jpg','2.jpg','3.jpg','4.jpg','5.jpg');
    2. two more arrays with description and title in same order in which they need to be displayed.
      var caption=new Array('A Dove Amongst the Host?','Natura','the same blooming tree again','Refreshed','P1000018');
      var titles=new Array('seeks2dream','fabrizio.pincelli','aatual666','seeks2dream','munness');
    3. and a code to initialize the slideshow
      $(function(){
      $('#gallery').initSlideShow({img:imglist,cap:caption,title:titles});
      
      });
  4. finally we need to have a div with id specified above for holding the slideshow.
    <div id="gallery" >HERE GALLERY WILL COME</div>

Still To Do

  1. make it work in IE 6 and above
  2. sliding needs to be smooth
  3. center the image properly, instead of left or right alignment

3 thoughts on “akslideshow

  1. Hey, nice tool, but I am looking for JonDesign´s smopthGALLERY in jQuery. Do you have any Information about it, please mail me! Thx, Ben

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>