15/08/11

73 tutoriels pour faire défiler vos contenus (Slideshow, Sliders & Diaporama)

Les diaporamas et autres Slideshows sont devenus un passage quasi-obligé pour les sites qui veulent présenter un grand nombre d’informations tout en ménageant l’espace disponible. Voici une liste condensée de 73 tutoriels ou scripts jQuery détaillés pour mettre en avant vos contenus texte et/ou image.

  1. Create an Image Rotator with Description (CSS/jQuery)Démo
  2. Sliding Boxes and Captions with jQueryDémo
  3. Animate Panning Slideshow with jQueryDémo
  4. Create Beautiful jQuery Slider TutorialDémo
  5. Create a Fancy Image Gallery with JQuery
  6. jQuery Infinite Carousel
  7. Coda Slider Effect
  8. Create Featured Content Slider Using jQuery UI
  9. Making a Content Slider with jQuery UI
  10. Creating a Slick Auto-Playing Featured Content Slider
  11. Start/Stop Slider
  12. ImageSwitch
  13. Create Content Slider using jFlow, A Minimalist jQuery Plugin
  14. jQuery Looped Slider Tutorial
  15. Build a Content Slider with jQuery
  16. CSS and jQuery-Crating an Image Slider
  17. A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
  18. Making a Mosaic Slideshow With jQuery & CSS
  19. Making A Slick Content Slider
  20. Galleria
  21. Easy Slider
  22. Galleriffic
  23. AD Gallery
  24. Sliding Boxes and Captions
  25. jQuery Virtual Tour
  26. jQuery MB Gallery
  27. AnythingSlider
  28. GalleryView
  29. jCarousel — jCarousel — un Carousel jQuery très complet
  30. Easiest Tooltip and Image Preview
  31. ThickBox
  32. SpaceGallery
  33. s3Slider
  34. Simple Controls Gallery
  35. Pikachoose — Pikachoose : le bon choix pour afficher vos images
  36. jQuery Popeye — jQuery Popeye 2.0 — Une Lightbox inline
  37. Supersized
  38. imgBox
  39. Pirobox
  40. jQZoom
  41. jQuery Superbox
  42. jQuery Infinite Carousel
  43. Simple jQuery Image Slide Show with Semi-Transparent Caption
  44. Moving Boxes
  45. LightBox
  46. SliderGallery
  47. FeaturedContent
  48. InnerFade
  49. jQuery Morphing Gallery
  50. A Simple jQuery Slideshow
  51. Create a Slick and Accessible Slideshow Using jQuery
  52. Building a jQuery Image Scroller
  53. Sliding Boxes and Captions with jQuery
  54. Creating an Image Slider
  55. Create Beautiful jQuery slider tutorial
  56. Simple JQuery Image Slide Show with Semi-Transparent Caption
  57. Create a Simple Image Slide Show using jQuery
  58. Slide and hide section with jquery
  59. Making a Slideshow with jQuery
  60. jQuery – Creating a Slideshow
  61. Simple jQuery slideshows
  62. Creating a Slick Auto-Playing Featured Content Slider
  63. How to add Slideshow to jQuery lightbox plugin
  64. jQuery Slideshow Explained
  65. Supersized jQuery Plugin
  66. The Easiest jQuery Plugin For Sliding Images and Content
  67. GalleryView: A jQuery Content Gallery Plugin
  68. Image Flow
  69. S3Slider jQuery plugin
  70. EOGallery
  71. Smooth Div Scroll
  72. jQuery virtual tour
  73. Supersized – Full Screen Background/Slideshow jQuery Plugin

→ Source : 80+jQuery Image Slideshow and Content Slider Tutorial



5 commentaires pour “73 tutoriels pour faire défiler vos contenus (Slideshow, Sliders & Diaporama)”

  1. Clemzo dit :

    Excellent recap.
    Merci

  2. […] Article complet // 1024 ) jQuery(leftAreaParts).css('height',rightAreaHeight); $galleryThumb.hover(function(){ jQuery(this).stop(true, true).animate({top: 6, paddingBottom: 0}, 400).find('span.magnify').stop(true, true).animate({opacity: 1}, 400).end().find('img').stop(true, true).animate({opacity: 0.7}, 400); }, function(){ jQuery(this).stop(true, true).animate({top: 0, paddingBottom: 13}, 400).find('span.magnify').stop(true, true).animate({opacity: 0}, 400).end().find('img').stop(true, true).animate({opacity: 1}, 400); }); var windowHash = window.location.hash; if (windowHash) { var activeLink = windowHash.substring(1), $targetLink = $menuLink.parent().find('a[href$=#'+activeLink+']'); $menuLink.removeClass('active'); $targetLink.addClass('active'); jQuery('span#active-arrow').css('top',($targetLink.position().top+menuTopPos-3)); } var isHome = false; if (!isHome) { $targetLink = $menuLink.parent().find('a').filter(':last'); $menuLink.removeClass('active'); $targetLink.addClass('active'); jQuery('span#active-arrow').css('top',($targetLink.position().top+menuTopPos-6)); } $menuLink.click(function(event){ if (location.pathname.replace(/^//,'') == this.pathname.replace(/^//,'') && location.hostname == this.hostname) { if (jQuery(this).hasClass('external')) return; event.preventDefault(); if (jQuery(this).hasClass('active')) return false; if (jQuery("html:animated").length) return false; $menuLink.parent().find('a').removeClass('active'); jQuery(this).addClass('active'); var activePos = jQuery(this).parent().position().top, linkId = this.hash.substring(1); jQuery('span#active-arrow').animate({top: (activePos + menuTopPos)},500); jQuery.scrollTo( '#'+linkId, { duration:500, onAfter:function(){ window.location.hash = '#'+linkId; } }); } }).hover(function(){ jQuery(this).stop().animate({left: '-10px'},200); }, function(){ jQuery(this).stop().animate({left: '0px'},200) }); window.setInterval( function() {Cufon.refresh('#main-leftarea a');}, 100 ); Cufon.now(); //]]> Premium WordPress Themes […]

  3. Since the admin of this web site is working, no uncertainty very quickly it will be famous, due to its quality contents.| agate cameos pendant http://www.goldmemoriesforever.com

  4. Thanks for ones marvelous posting! I seriously enjoyed reading it, you’re a great author.I will ensure that I bookmark your blog and will eventually come back down the road. I want to encourage you to ultimately continue your great posts, have a nice day!| Hochzeitsfotograf München http://www.fotostudioaugenblicke.de

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »