iPicture, un plugin jQuery pour créer des images interactives


iPicture est un plugin pour jQuery qui permet d’ajouter des informations supplémentaires sur vos images; il autorise le placement de tooltips aux endroits désirés sur celles-ci, qui au survol des marqueurs se déploient et proposent la description de votre choix. Une technique fortement employées par les ténors du ecommmerce.

iPicture propose de nombreuses options pour personnaliser l’expérience avec des marqueurs et des animations.

La mise en place est assez simple grâce à un outils de configuration graphique proposé sur le site.

<script type="text/javascript">
  jQuery(document).ready(function(){
    $( "#iPicture" ).iPicture({
      pictures: ["picture1","picture2","picture3", ...all pictures' ID],
      moreInfos:{
        "picture1":[
          {"id":"picture1-more1","descr":"led for better lighting ","top":"307px","left":"367px"},
          {"id":"picture1-more3","descr":"exclusive wheel design","top":"459px","left":"248px"},
          {"id":"picture1-more6","descr":"special exterior design","top":"196px","left":"187px"},
          {"id":"picture1-more7","descr":"better drag coefficient","top":"46px","left":"545px"}],
          ... each photo and its tooltips ...}
    });
</script>

Téléchargez iPicture