Membership index

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

Review of slideshows with different graphics, effects and features.

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-Manual slideshow with fade - HTML, CSS, JS

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

Preview + download

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

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

Preview + download

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

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

Preview + download

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

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

Preview + download

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

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

Preview + download

7f-Manual slideshow with lightbox - 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ì:
<div class="slideshow-container" onmouseenter="pauseSlides()" onmouseleave="startSlides()">

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

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

Inclusa versione con immagini random.

Preview + download

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

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

Preview + download

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

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

Preview + download

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

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

Preview + download

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

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

Preview + download

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

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

Preview + download




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

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

Preview + download

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

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

Preview + download

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

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

Preview + download

7r-Continuous slideshow - HTML, CSS, JS

7r-Slideshow continuo - HTML, CSS, JS

Preview + download

7s-Automatic staff slideshow - HTML, CSS

7s-Slideshow automatico staff - HTML, CSS

Preview + download

Automatic slideshow of all images in folder

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

Various jQuery slideshow - HTML, CSS, jQuery

Slideshow vari jQuery - HTML, CSS, jQuery

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

Preview + download



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

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

Preview + download

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

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

Preview + download

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

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

Preview + download



Membership index

Argomenti del sito correlati: