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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [RESOLU] CrossSlider

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[RESOLU] CrossSlider

n°2118888
Uther31
Posté le 31-12-2011 à 20:27:33  profilanswer
 

Bonsoir tout le monde alors que certains on commencé l'apéro c'est l'heure pour d'autres de travailler ...
 
Tout d'abord j'éspère poster au bon endroit :whistle:  
Et vous pouvez être certains que j'ai épluchée tout les post de toute les forums français comme anglais et je n'ai malheureusement rien trouvé de valable ...
 
 
Je suis un débutant en programmation.
Ma seule réussite a été l'implémentation d'un slider en javascript nommé orbit (http://www.zurb.com/playground/orbit-jquery-image-slider)
et ... c'est tout
 
La j'essai désespérément d'implémenter CrossSlide (http://tobia.github.com/CrossSlide/)
Depuis deux jour sans succès.
 
Si quelqu'un a la bonté de se pencher sur mon problème mon petit moi me dit qu'il sera couvert de chance pour l'année a venir :)
Je vous ai fait des screen comme ça vous pouvez voir la structure du site en bas a droite, avec les photo qui sont bien en jpeg et dont les dimension sont celle présente dans le fichier css
 
topo: J'appelle bien les deux .js dans mon head celle de CrossSlide et jquery, je suis les information du site a la lettre. mettre la div dans body.
Mon problème doit se situer à l'étape 4. Je ne saisi pas très bien le sens de cette phrase :
 
"4. Open a script tag, define a "document ready handler" and activate my plugin on the div you created in step 2:"
Du coup j'ai mis le texte entre les balises <script></script> a tout les endroits possible, rien ne s'est jamais passé (dans le body, dans le body entre <div id="test"> et </div>, après, avant, au début des pages en .js (comme pour Orbit) et d'autre endroits dont je n'ose pas vous parler  :non: ) Bref je commence a désespérer et a penser que ce n'est pas encore en 2012 que je vais pouvoir terminer mon site web ...
 
http://imageshack.us/photo/my-imag [...] 31201.png/
 
http://imageshack.us/photo/my-imag [...] 31201.png/
 
 
problème résolu essayez avec ça, très important le height !
 
<head>
   
  <script type="text/javascript">
   $(document).ready(function ()
   {
    $('#slideshow').crossSlide({
       sleep: 2,
       fade: 1
     }, [
       { src: 'images/picture1.jpg', dir: 'up'  },
       { src: 'images/picture2.jpg' , dir: 'down'   }
     ]);
     
   });
   </script>
 </head>
 
<body>
   
  <div id="content">
   <div id="slideshow" style="height: 367px;"></div>
  </div>
   
 </body>


Message édité par Uther31 le 01-01-2012 à 22:11:44
mood
Publicité
Posté le 31-12-2011 à 20:27:33  profilanswer
 


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

  [RESOLU] CrossSlider

 

Sujets relatifs
help : HTML mise à jour automatique dewplayerHelp besoin d'aide pour un exercie logique
help ...Intégration Facebook Registration : help
Help Me !! VBA 2007 impression et ouverture automatique de PDFComment créer une "data-room" virtuelle ? Help !
Help .htaccess, erreur 500 depuis ce matinScript d'ouverture de session windows 2000 server !!! HELP !
A la recherche des accents perdus, help ;-) 
Plus de sujets relatifs à : [RESOLU] CrossSlider


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