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

[HTML-CSS] Plusieurs bannières

Bickel
Bickel
Niveau 10
19 mai 2012 à 14:20:14

Bonjour à tous, je voudrais savoir si c'était possible de mettre sur un div plusieurs bannières et de pouvoir sélectionner par la suite avec la souris ?

Exemple :
http://www.gigabyte.fr/

Avec les petit boutons en bas à droite, on choisis la bannière qu'il nous faut. :)

Merci.

vava740
vava740
Niveau 10
19 mai 2012 à 15:21:33

Salut :)

Bien sûr que c'est possible, si c'était pas possible comment ils l'auraient fait sur ton exemple :noel:

En fait il faut faire une div globale avec une largeur et hauteur fixe et un overflow:hidden, dans laquelle tu mets une div qui fait x * 100 % de large (en fonction du nombre de bannières dedans). Puis tu mets toutes tes bannières à l'intérieur de cette div, chaque bannière ayant 100 / x % de large (pour revenir à la largeur normale).

Tu te retrouve avec quelque chose comme ça, sauf que tout ce qui dépasse sur la droite est caché : https://image.noelshack.com/fichiers/2012/20/1337433608-Sanstitre-1.png

Et après tu mets des boutons tu mets la div intérieur en position:relative et tu modifies sa propriété "left" en JavaScript pour faire défiler les bannières :ok:

Pseudo supprimé
Pseudo supprimé 19 mai 2012 à 15:38:08

Les mecs de ton site utilisent "nivo slider" apparemment.
http://nivo.dev7studios.com/

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