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

Besoin d'aide, javascript ou html/css?

StarKillah
StarKillah
Niveau 4
13 juin 2009 à 07:40:52

:salut:

Je suis en train de faire mon portfolio, et j'aimerai qu'en passant la souris sur certaines images un "aperçu" s'affiche (genre 150x150, alors que les images sont en 90x90), et j'ignore comment faire.

Exemple :

http://hapshack.com/images/exemple.png

Silvertux
Silvertux
Niveau 10
13 juin 2009 à 08:50:23

C'est tout simplement un rollover :oui:

Par contre il faut que les deux images aient la même taille, donc tu devras rajouter de la transparence autour de la petite image :(

Mais c'est pas gênant tant que la grande image ne dépasse pas sur autre chose, et sur ton exemple c'est pas le cas :-)))

Le code source (javascript et html) :d) http://wall.deblan.fr/x529/javascript/1/
_______________________
©Silvertux, anciennement BabyTux

Pseudo supprimé
Pseudo supprimé 13 juin 2009 à 11:01:48

Le dessin sous paint est de toute beauté.

ermite_pas_net
ermite_pas_net
Niveau 7
13 juin 2009 à 11:05:33

http://www.sohtanaka.com/web-design/examples/image-zoom/

deepblue
deepblue
Niveau 16
13 juin 2009 à 14:18:50

On peut se contenter de css : http://bordel.deblan.fr/html3/hoverImg.html

StarKillah
StarKillah
Niveau 4
13 juin 2009 à 16:21:30

Merci beaucoup, j'étais vraiment pas sur que c'était ça ou du javascript qu'il fallait utiliser. :fier:

Je vais tester. :-p

Kadcom < Merci. :cool:

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