akslideshow

March 18th, 2008 | Save to del.icio.us now(0)

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

Related posts

  1. akeditable: Jquery inplace editor
  2. akModal: simplest alternative to thickbox
  3. Jquery : An Introduction
  4. TubeSpy by Ajaxonomy
  5. akslideshow

Wondering what to do next?
Grab my feed
Catch Me On Twitter


Filed under jquery | Comments (3)
(Search web development related contents)


3 Responses to “akslideshow”

  1. September 18, 2008 1:42 pm Ben says

    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

  2. September 11, 2009 2:35 pm Emanu says

    I just can’t find any link on this page to the actual demo of your slideshow?

  3. September 11, 2009 2:56 pm Amit Kumar Singh says

    @Emanu link to demo is http://amiworks.co.in/akslideshowdemo/ it is given in the second paragraph.

Trackback URI | Comments RSS

Say Something, and Be Counted

Name (required)

Email (required)

Website

Speak your mind