Fork me on GitHub

cercleTrigoSlider

Une autre façon de tourner en rond

READY TO GO :

Includes :
<link rel="stylesheet" type="text/css" media="screen, print" href="css/jquery.cercleTrigoSlider.css" />
<script type="text/javascript" src="js/jquery.cercleTrigoSlider.js" ></script>
Some html :
<div id="centre">	                   
    <img src="images/planete1.jpg" data-title="Mercure" data-description="Mercure est la planète la plus proche du Soleil et la moins massive du Système solaire" />
    <img src="images/planete2.jpg" data-title="Vénus" data-description="Vénus est la deuxième des huit planètes du Système solaire en partant du Soleil, et la sixième par masse ou par taille décroissantes" />
    <img src="images/planete3.jpg" data-title="Terre" data-description="La Terre est la troisième planète du Système solaire par ordre de distance croissante au Soleil, et la quatrième par taille et par masse croissantes" />
    <img src="images/planete4.jpg" data-title="Mars" data-description="Mars est la quatrième planète par ordre de distance croissante au Soleil et la deuxième par masse et par taille croissantes sur les huit planètes que compte le Système solaire" />
    <img src="images/planete5.jpg" data-title="Jupiter" data-description="Jupiter est une planète géante gazeuse. Il s'agit de la plus grosse planète du Système solaire, plus volumineuse et massive que toutes les autres planètes réunies" />
    <img src="images/planete6.jpg" data-title="Saturne" data-description="Saturne est la sixième planète du Système solaire par ordre de distance au Soleil et la deuxième plus grande, aussi bien en taille qu'en masse, après Jupiter" />
    <img src="images/planete7.jpg" data-title="Uranus" data-description="Uranus est une planète géante de glaces de type Neptune froid" />
    <img src="images/planete8.jpg" data-title="Neptune" data-description="Neptune est la huitième et dernière planète du Système solaire par distance croissante au Soleil" />
</div>
Then :
<script type="text/javascript">
    $( document ).ready(function(){
        //APPEL DU PLUG IN
        $("#centre").cercleTrigoSlider();
    });
</script>

Aaaaand .... It works !




WARNING :

1. Ce projet à débuté suite à la volonté de tester/mettre en place des techniques/technologies dont je n'avais pas connaissance avant. Il est donc perfectible dans de nombreux points.

2. Bien que le plug-in soit disponible au téléchargement, par manque de temps (...), je n'ai pas eu le temps de tester la comptabilité avec les anciens navigateurs. Sachant cela, le plug-in est fonctionnel sur les navigateurs récents.

Pour toute remarque/suggestion/critique, merci de me contacter : ollivier[dot]tristan[at]gmail[dot]com

Awesome

Il est beau, il est classe, il tourne tout seul, que demande le peuple ?

Français

Développé par un français, croisé entre un breton et une jurassienne, consommez 100% Français !

Ready to go

Téléchargez le plugin, une ligne de code, et voila, votre site ne sera plus le même.

Remerciements

Merci à Mickaël Sylvestre pour les maths !