Download inline image slideshow

Demo

Bookmark and Share

Download script

You can download the script from this Zip file.

Configuration

The images you want to use in the gallery are defined in the HTML code. Example:

<div class="imageSlideshowHolder" id="slideshow1">
  <img src="images/image1.jpg">
  <img src="images/image3.jpg">
  <img src="images/image4.jpg">
  <img src="images/image5.jpg">
  <img src="images/image6.jpg">
  <img src="images/image7.jpg">
  <img src="images/image8.jpg">
</div>

Here, you have a parent <DIV> with the id "slideshow1" and class name "imageSlideshowHolder". Inside this div, we put all our slideshow images.

You define the size of your images in the CSS. Example:

.imageSlideshowHolder{
  margin:5px;  /* "Air" */
  float:right; /* Floating gallery at the right side of other web page content */    
  width:151px;  /* Image width */
  height:100px;  /* Image height */
  
  position:relative;  /* Don't remove this line */
}

The dimension of the images in my gallery is 151x100 pixels. So here, I have defined width:151px and height:100px.

To initialize the script, call the initImageGallery function. The only argument to this function is the id of the gallery div, example: "slideshow1".

Comments

No one has commented this - be first!

Post your comment

Don't have an avatar? Create one at Gravatar.com.

Confirmation code:

Go to cbolson.com


About/Contact | A good idea? | Submit a script | Privacy notice
© 2005 - 2024 dhtmlgoodies.com