- Menu scripts
- Window scripts
- Calendar scripts
- Gallery scripts
- Form widgets
- Tab view scripts
- Table widgets
- Drag and drop
- Folder trees
- AJAX scripts
- Content Effects
- Misc scripts
- Chess widgets
- DHTML Suite
New on DHTMLGoodies.com:
Download image slideshow II
Put this into your <HEAD> section
Put this into your <BODY> section
You add images to the slideshow by use of standard HTML. Example:
First of all, you have the <div id="imageSlideshowHolder">, which is the elements that holds all the images in the slideshow. Then, we use standard <IMG> tags for the images. As you can see, this slideshow contain 3 images, image1.jpg, image2.jpg and image3.jpg.
var slideshow2_noFading = false; // No fade effect?
var slideshow2_timeBetweenSlides = 1500; // Time between images(1000 = 1 sec)
var slideshow2_fadingSpeed = 20; // Speed of fading(Higher = slower)
These controls the behaviour of the slideshow. You can play with them to see how they works.
The size and background color of the entire slideshow is set by CSS. Example:
border:3px solid #317082;
position:relative; /* Never change this value */
/* Never change these 3 value */
Here, width is set to 600 pixels, height to 450 pixels and background color to black(#000). As you also can see, you have to set these values 2 places.