Slideshow jQuery performant : SlideMe

slideme

Vous recherchez un slideshow performant, moderne et responsive : voici SlideMe! Un plugin Jquery qui vous permet de mettre en place un diaporama moderne avec des transitions CSS3 et surtout responsive.

Avec un design flat et responsive ce slideshow est de plus moderne, il possède des transitions simples mais efficace.
Il vous sera même possible de créer vos propres transitions.

 

slideMe1

 

Partie HTML, cela reste classique, une liste HTML avec le contenu riche de votre slide ou image:

<!-- Any DOM: ul/ol > li, div, section, etc... -->
<div id="foo">
    <ul class="slideme"> <!-- Class "slideme" is mandatatory! -->
        <li><img src="img/one.jpg" alt="One"/></li>
        <li><img src="img/two.jpg" alt="Two"/></li>
        <li><img src="img/three.jpg" alt="Three"/></li>
        <li><img src="img/four.jpg" alt="Four"/></li>   
    </ul>
</div>

Partie Javascript:

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/slideme.js"></script>
<link rel="stylesheet" href="css/slideme.css" type="text/css" media="all"/>
$(document).ready(function() {
	$('#foo').slideme();
});

Le site officiel : http://slideme.luigiferraresi.it/

Compatible IE7

Aucun commentaire

Répondre

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

3 × un =

CONTACT

We're not around right now. But you can send us an email and we'll get back to you, asap.

Envoi en cours...

©[current-year] WebCSSDesign

Se connecter

Oubli de mot de passe ?