CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[Javascript] - CrossSlide.

Sheldoon
Sheldoon
Niveau 8
01 juillet 2011 à 17:04:57

Bonjour.

Je ne sais pas utiliser de javascript et j'aimerais une petite indication concernant un plugin javascript appelé "CrossSlide".

:d) Lien du site.
http://tobia.github.com/CrossSlide/

:d) Lien de la source.
https://raw.github.com/tobia/CrossSlide/master/jquery.cross-slide.js

J'aimerais faire un "Slide and cross-fade".

Pourriez-vous m'aiguiller, s'il vous plaît ?

Tibssss
Tibssss
Niveau 10
01 juillet 2011 à 20:15:27

Salut!

Tu as juste à copier coller le bout de script proposé sur ta page (perso je le mettrais en fin de body mais de toutes façon jquery attend la fin du rendu), en remplaçant "#placeholder" par l'id du contenant (une div ou autre), et tu remplaces les éléments du tableau passé en paramètre par le chemin de tes images, et le sens de défilement.

Exemple:

<script language="Javascript" type="text/javascript">
<!--

$('#divQuiAfficheLesImages').crossSlide({
speed: 45,
fade: 1
}, [
{ src: 'ma1erImage.jpeg', dir: 'up' },
{ src: 'ma2emeImage.jpeg', dir: 'down' },
{ src: 'ma3EmeImage.jpeg', dir: 'up' },
{ src: 'ma4emeimage.jpeg', dir: 'down' }
]);

// -->
</script>

T'oublies pas de lier les deux bibliothèques jquery et jquery.cross-slide.js dans l'entête, normalement ça roule.

Sheldoon
Sheldoon
Niveau 8
01 juillet 2011 à 22:29:36

Merci pour ta réponse. :)

Qu'est-ce que la bibliothèque jquery ? :)

Tibssss
Tibssss
Niveau 10
02 juillet 2011 à 09:07:30

C'est la bibliothèque à tout faire sur laquelle est basée cross-slide, il faut l'inclure également, sinon cross-slide ne trouvera pas les fonctions qu'il utilise.

http://jquery.com/

Sheldoon
Sheldoon
Niveau 8
02 juillet 2011 à 11:03:39

Merci bien pour les informations. :)

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Programmation
  • Création de sites web
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment