Scroller, un plugin jQuery qui fait des bulles!

 

Voici un plugin jquery qui permet des animations sympas au survol de la souris.

Source: jscraft

DEMO

Télécharger SCROLLER

JavaScript

  1. $(‘.scroller’).scroller({
  2. element: ‘a’, // (string) HTML element
  3. direction: ‘horizontal’, // (string) available options: horizontal, vertical
  4. container: {
  5. name: ‘inside’, // (string) class name for the container
  6. easing: ‘easeOutBack’, // (string) set the easing of the animation, required: jQuery Easing plugin: http://gsgd.co.uk/sandbox/jquery/easing/
  7. duration: 800 // (int) set the speed of the easing animation in milliseconds
  8. },
  9. options: {
  10. margin: -20, // (int) set the margin for each element
  11. zoom: 1.5, // (int) zoom multiplier
  12. easing: [‘easeOutBack’, ‘easeOutBounce’],
  13. duration: [300, 500]
  14. },
  15. onclick: function(a, img){},
  16. onmouseover: function(a, img){},
  17. onmouseout: function(a, img){}
  18. });

HTML

  1. <div class= »scroller »>
  2. <div class= »inside »>
  3. <a href= »# »><img src= »assets/img1.jpg » alt= » » /></a>
  4. <a href= »# »><img src= »assets/img2.jpg » alt= » » /></a>
  5. <a href= »# »><img src= »assets/img3.jpg » alt= » » /></a>
  6. <a href= »# »><img src= »assets/img4.jpg » alt= » » /></a>
  7. <!– etc. –>
  8. </div>
  9. </div>

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s