[Besoin d'aide] jQuery , cherche scroller image

jQuery , cherche scroller image [Besoin d'aide] - HTML/CSS - Programmation

Marsh Posté le 17-12-2009 à 18:41:13    

Bonjour,
 
Je suis en train de créer un portfolio, et j'ai découvert les différents possibilité de jQuery .
 
[EDIT]
Exemple de projet ( à l'aide d'un scroller comme celui-ci Image Scroller Basic )
http://img693.imageshack.us/img693/4307/projet.jpg
 
Actuellement, j'ai 3 fichiers (index.html, design.css , jquery.js (v 1.3.2) e
J'ai créer mon menu et le contenu des différents menu.
 
-Connaissez-vous quelque chose qui ressemble à "Image Scroller Basic" à base de jQuery ?
 
Cordialement
 
Antwane


Message édité par antwane53 le 23-12-2009 à 00:16:54
Reply

Marsh Posté le 17-12-2009 à 18:41:13   

Reply

Marsh Posté le 18-12-2009 à 01:14:09    

Oui il faut que tu apporte le css de coda slider que tu pourra modifier après pour avoir ta mise en page, mais il n'y a pas de liens, ca se comporte comme des onglets : tu aura tout ton code (pour home, portfolio, cv....) dans une meme page et du coup ca sera peut long au chargement...
Dans se genre la :
 

Code :
  1. <div class="coda-slider-wrapper">
  2.         <div class="coda-slider preload" id="coda-slider-1">
  3.             <div class="panel">
  4.                 <div class="panel-wrapper">
  5.                     <h2 class="title">home</h2>
  6.                     <p>This slider uses default settings.</p>
  7.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum.</p>
  8.                 </div>
  9.             </div>
  10.             <div class="panel">
  11.                 <div class="panel-wrapper">
  12.                     <h2 class="title">portfolio</h2>
  13.                     <p>Proin nec turpis eget dolor dictum lacinia. Nullam nunc magna, tincidunt eu porta in, faucibus sed magna. Suspendisse laoreet ornare ullamcorper. Nulla in tortor nibh. Pellentesque sed est vitae odio vestibulum aliquet in nec leo.</p>
  14.                 </div>
  15.             </div>
  16.             <div class="panel">
  17.                 <div class="panel-wrapper">
  18.                     <h2 class="title">cv</h2>
  19.                     <p>Cras luctus fringilla odio vel hendrerit. Cras pulvinar auctor sollicitudin. Sed lacus quam, sodales sit amet feugiat sit amet, viverra nec augue. Sed enim ipsum, malesuada quis blandit vel, posuere eget erat. Sed a arcu justo.</p>
  20.                 </div>
  21.             </div>
  22.             <div class="panel">
  23.                 <div class="panel-wrapper">
  24.                     <h2 class="title">Panel 4</h2>
  25.                     <p>Nulla ultricies ornare erat, a rutrum lacus varius nec. Pellentesque vehicula lobortis dignissim. Ut scelerisque auctor eros sed porttitor. Nullam pulvinar ultrices malesuada. Quisque lobortis bibendum nisi et condimentum. Mauris quis erat vel dui lobortis dignissim.</p>
  26.                 </div>
  27.             </div>
  28.         </div><!-- .coda-slider -->
  29.     </div><!-- .coda-slider-wrapper -->


Message édité par bobby76 le 18-12-2009 à 01:20:10
Reply

Marsh Posté le 23-12-2009 à 00:19:31    

Merci , après avoir essayé, c'est vrai qu'a l'avenir sa risque d'être trop lourd lors du chargement.
 
Je vais certainement utilisé l'AJAX pour chargé seulement qu'une partie du site.
 
Sinon je cherche toujours un scroller, de ce genre mais si possible sans utilisé le flash, de plus je souhaiterai que la vignette s'affiche en grand "derrière" lorsque le visiteur clique sur la vignette (Voir l'exemple sur le premier post)
http://www.flashxml.net/image-scroller-basic.html

Reply

Marsh Posté le 23-12-2009 à 13:20:02    

J'ai trouvé ca hier , ca a l'air de correspondre parfaitement a ce que tu recherche
http://flowplayer.org/tools/demos/ [...] ndex.html#

Reply

Marsh Posté le 23-12-2009 à 15:13:38    

Merci (hop en "marque pages" ), ça à l'air pas mal.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed