Slideshow

Informazioni sull'accesso a queste risorse

Modulo di contatto per i membri
Per aiuto e segnalazioni

NOTA: I download riservati ai membri possono essere effettuati anche senza registrazione con una piccola donazione a sostegno del sito.

Lista delle risorse scaricabili con donazione

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

Importante, per la performance del sito web, comprimere tutte le immagini, anche le più piccole, prima di caricarle in una pagina.
Compressor

ATTENZIONE: Non dimenticate di aggiungere i vendor prefixes ai codici css di base.

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

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

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

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

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

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

Preview + download

INFO: per fermare i seguenti slide al passaggio del mouse, modificare così:

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

Inclusa versione con immagini random.

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

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

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

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

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

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

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

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

7r-Slideshow continuo - HTML, CSS, JS

7s-Slideshow automatico staff - HTML, CSS

Slideshow automatico di tutte le immagini di una cartella

NOTA: necessita di jQuery.

Apri codice:

<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>

Scarica esempio completo: Download
Scarica esempio con doppio slider: Download

Slideshow vari jQuery - HTML, CSS, jQuery

7t-7u-7v-7z-7z1-7z2-7z3-7z4-

Preview + download

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

Preview + download

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

Preview + download

7z7-Carosello manuale, singolo o multiplo, con lightbox - HTML, CSS, JS

Preview + download

Membership index

Argomenti del sito correlati:

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, JS

7z7-Manual carousel, single or multiple, with lightbox - HTML, CSS, JS

7z7-Carosello manuale, singolo o multiplo, con lightbox - HTML, CSS, JS