Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: Plugin Jquery CrossSlide  (Lu 5178 fois)

Jeffmo

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 1
  • JeanFrançoisMourges
    • Voir le profil
Plugin Jquery CrossSlide
« le: novembre 12, 2009, 14:42:04 pm »

Bonjour,
J'ai trouvé ce plugin Jquery crossSlide http://www.gruppo4.com/~tobia/cross-slide.shtml pour animer le bandeau haut d'un site.
Après lecture, je me lance dans l'écriture du code comme indiquer. Et là il ne fonctionne pas. 
J'ai mon script dans le head et ma div dans le body.

<head>
...
  <!-- JavaScripts CrossSlide-->
                <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
      <script type="text/javascript" src="js/jquery.cross-slide.js"></script>
<script type="text/javascript">
 $('#test1').crossSlide({
  speed: 45,
  fade: 1
}, [
  { src: 'images/img01.jpeg', dir: 'up'   },
  { src: 'images/img01.jpeg',   dir: 'down' },
  { src: 'images/ecuries.jpeg',  dir: 'left'   },
  { src: 'images/ecuries.jpeg', dir: 'right' }
]);

</script>
...
<style type="text/css">
  #test1 {
    float: right;
    margin: 0 0 0 0;
   
    width: 650px;
    height: 125px;
   
  }
</style>

</head>

et dans le Body
<div id="test1">Ici animation</div>


Ma page est en .php car elle appelle des includes (en PJ).
Je n'arrive pas à voir ou est le bug !!! I need your help.


IP archivée
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum