IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

En passant sur la petite image comment agrandir ?


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Ingenieur-retraité-electronique
    Inscrit en
    Mai 2011
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Réunion

    Informations professionnelles :
    Activité : Ingenieur-retraité-electronique

    Informations forums :
    Inscription : Mai 2011
    Messages : 93
    Par défaut En passant sur la petite image comment agrandir ?
    Bonjour,

    Débutant html+css.
    J'ai regardé chez google , mais je ne sais pas quoi prendre!
    Comme j'ai une 15 images à montrer d'une location je voudrais mettre les images en médaillon et lorsqu'on "clique" ou "passe" par-dessus la même image devrait alors s'agrandir (15x). en relâchant la souris le processus s'arrête.
    Existe-t-il un tuto ?
    Merci de votre compréhension.

  2. #2
    Modérateur

    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    12 585
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 12 585
    Par défaut
    C'est plus une histoire de HTML+JavaScript que de HTML+CSS.

    Cherche JavaScript thumbnail ou jquery thumbnail pour une foultitude d'exemples sur Google.
    N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 213
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 213
    Par défaut
    Bonjour,
    c'est jouable en CSS pur, ce qui m'interpelle c'est le x15. Sur base d'une image de 100px au départ cela va faire du lourd à l'arrivée.

    Dans ce cas je penses également que l'utilisation d'une lightBox t'aiderait, c'est du javascript.

    [EDIT]
    je savais que cela me disait quelque chose
    Une galerie d'images CSS3 avec effet de zoom

  4. #4
    Membre actif Avatar de DezMax
    Homme Profil pro
    Licence Informatique
    Inscrit en
    Décembre 2012
    Messages
    89
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Licence Informatique

    Informations forums :
    Inscription : Décembre 2012
    Messages : 89
    Par défaut
    En JavaScript c'est possible si interéssé par le script je peut le faire .

  5. #5
    Membre confirmé
    Femme Profil pro
    Etudiante en informatique
    Inscrit en
    Janvier 2013
    Messages
    98
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations professionnelles :
    Activité : Etudiante en informatique

    Informations forums :
    Inscription : Janvier 2013
    Messages : 98
    Par défaut
    J'ai une solution en CSS3, le seul problème de cette solution c'est que sous IE les transitions ne se réaliseront pas.
    http://www.css3create.com/Galerie-ph...transition-CSS

    Voila tout, j'espère que ça t'aidera

  6. #6
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 497
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 497
    Billets dans le blog
    1
    Par défaut
    Je trouve ça un poil plus simple en javascript qu'en CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <img src="---.jpg"
     onmouseover="this.width=15*this.width"
     onmouseout="this.width=this.width/15"  />

Discussions similaires

  1. Comment ajouter une petite image dans un Trichedit.
    Par Ardely dans le forum Delphi
    Réponses: 30
    Dernier message: 23/03/2007, 16h57
  2. Réponses: 9
    Dernier message: 03/08/2006, 13h59
  3. [Image]comment bloquer le cache sur les images?
    Par keiser1080 dans le forum Bibliothèques et frameworks
    Réponses: 6
    Dernier message: 10/03/2006, 18h17
  4. Comment stocker des petites images (160x120) dans MSACCESS ?
    Par colorid dans le forum Bases de données
    Réponses: 3
    Dernier message: 11/01/2006, 10h54
  5. passage souris sur 1 petite image --> affichage ds table
    Par nico_web dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 16/10/2005, 14h33

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo