Slideshow

Information on accessing these resources

Member contact form

NOTE: Downloads reserved for members can also be made without registration with a free donation in support of the site.

List of downloadable sresources with donation

Review of slideshows with different graphics, effects and features.

It is important for the website performance to compress all images, even the smallest ones, before uploading them to a page.
Compressor

ATTENTION: Don't forget to add the vendor prefixes to the css basic codes.

7a-Manual slideshow with fade - HTML, CSS, JS

7b-Manual slideshow with fade and captions - HTML, CSS, JS

7c-Manual slideshow with HTML5 and YouTube video - HTML, CSS, JS

7d-Manual slideshow with storytelling audio - first type - HTML, CSS, JS

7e-Manual slideshow with storytelling audio - second type - HTML, CSS, JS

7f-Manual slideshow with lightbox - HTML, CSS, JS

Preview + download

INFO: to stop the following slides on mouse-over, edit like this:

7g-Automatic basic slideshow with animations - HTML, CSS, JS

7h-Automatic slideshow with animations, nav and captions - HTML, CSS, JS

7i-Automatic slideshow with pause/play - HTML, CSS, JS

7l-Automatic slideshow with thumbnails - HTML, CSS, JS

7m-Automatic slideshow with vertical thumbnails - HTML, CSS, JS

7n-Automatic text slideshow - HTML, CSS, JS

7o-Automatic slideshow for review - HTML, CSS, JS

7p-Automatic text and image slideshow - HTML, CSS, JS

7q-Automatic crossfade slideshow - HTML, CSS, JS

7r-Continuous slideshow - HTML, CSS, JS

7s-Automatic staff slideshow - HTML, CSS

Automatic slideshow of all images in folder

NOTE: need jQuery.
Code:

<img id="image1" src="">

<script>
$(document).ready(function () {
ImageSlider();
})
var i = 0;
function ImageSlider() {
//set the number of images (one less than in the folder )
if (i > 3)
i = 1;
else
i++;
//image path
var imageSrc = "slideimage/slide-" + i + ".jpg";
$("#image1").attr("src", imageSrc);
//set the the permanence time of each image
setTimeout("ImageSlider()", 4000);
};
</script>

Slideshow

Review of slideshows with different graphics, effects and features.

Rassegna di slideshow con grafica, effetti e funzionalità differenti.

7a-Manual slideshow with fade - HTML, CSS, JS

7a-Slideshow manuale con fade - HTML, CSS, JS

7b-Manual slideshow with fade and captions - HTML, CSS, JS

7b-Slideshow manuale con fade e didascalie - HTML, CSS, JS

7c-Manual slideshow with HTML5 and YouTube video - HTML, CSS, JS

7c-Slideshow manuale con video HTML5 e YouTube - HTML, CSS, JS

7d-Manual slideshow with storytelling audio - first type - HTML, CSS, JS

7d-Slideshow manuale con audio narrazione - primo tipo- HTML, CSS, JS

7e-Manual slideshow with storytelling audio - second type - HTML, CSS, JS

7e-Slideshow manuale con audio narrazione - secondo tipo- HTML, CSS, JS

7f-Manual slideshow with lightbox - HTML, CSS, JS

7f-Slideshow manuale con lightbox - HTML, CSS, JS

7g-Automatic basic slideshow with animations - HTML, CSS, JS

7g-Slideshow automatico di base con animazioni - HTML, CSS, JS

7h-Automatic slideshow with animations, nav and captions - HTML, CSS, JS

7h-Slideshow automatico con animazioni, navigazione e didascalie - HTML, CSS, JS

7i-Automatic slideshow with pause/play - HTML, CSS, JS

7i-Slideshow automatico con tasto pause/play - HTML, CSS, JS

7l-Automatic slideshow with thumbnails - HTML, CSS, JS

7l-Slideshow automatico con thumbnails - HTML, CSS, JS

7m-Automatic slideshow with vertical thumbnails - HTML, CSS, JS

7m-Slideshow automatico con thumbnails verticali - HTML, CSS, JS

7n-Automatic text slideshow - HTML, CSS, JS

7n-Slideshow automatico per testo - HTML, CSS, JS

7o-Automatic slideshow for review - HTML, CSS, JS

7o-Slideshow automatico per recensioni - HTML, CSS, JS

7p-Automatic text and image slideshow - HTML, CSS, JS

7p-Slideshow automatico per testo + immagine - HTML, CSS, JS

7q-Automatic crossfade slideshow - HTML, CSS, JS

7q-Slideshow automatico crossfade - HTML, CSS, JS

7r-Continuous slideshow - HTML, CSS, JS

7r-Slideshow continuo - HTML, CSS, JS

7s-Automatic staff slideshow - HTML, CSS

7s-Slideshow automatico staff - HTML, CSS

Automatic slideshow of all images in folder

Slideshow automatico di tutte le immagini di una cartella

Various jQuery slideshow - HTML, CSS, jQuery

Slideshow vari jQuery - HTML, CSS, jQuery

7z5-Automatic multiple items continuous carousel 1 - HTML, CSS

7z5-Carosello multiple items automatico continuo 1 - HTML, CSS

7z6-Automatic multiple items continuous carousel 2 - HTML, CSS, jQuery

7z6-Carosello multiple items automatico continuo 2 - HTML, CSS, jQuery