Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1272 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Besoin d'aide] jQuery , cherche scroller image

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Besoin d'aide] jQuery , cherche scroller image

n°1951309
antwane53
Posté le 17-12-2009 à 18:41:13  profilanswer
 

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
mood
Publicité
Posté le 17-12-2009 à 18:41:13  profilanswer
 

n°1951379
bobby76
Posté le 18-12-2009 à 01:14:09  profilanswer
 

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
n°1952630
antwane53
Posté le 23-12-2009 à 00:19:31  profilanswer
 

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

n°1952758
bobby76
Posté le 23-12-2009 à 13:20:02  profilanswer
 

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

n°1952792
antwane53
Posté le 23-12-2009 à 15:13:38  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Besoin d'aide] jQuery , cherche scroller image

 

Sujets relatifs
Petite aide en C !Aide applet java niveau débutant
div afficher/masquer sur image interactivebesoin d'unix : mac ou double boot ?
Besoin d'aide en VBAProblème de redimensionnement image en javascript
image survolée qui s'affiche dans 2 div différenteshtml et object image dans le lecteur avant visualisation
Aide pour un programme python 
Plus de sujets relatifs à : [Besoin d'aide] jQuery , cherche scroller image


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR