Après quelques soucis d’hébergement, le contenu du forum (images, parties, vidéos) est de nouveau disponible, encore désolé pour ses désagréments et merci encore pour votre compréhension.

    Hover au survol, ou pop-up au clic dans un message

    Partagez
    avatar

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82177
    Mercis reçus : 833

    Résolu Hover au survol, ou pop-up au clic dans un message

    Message par LDL le Jeu 17 Jan 2013 - 19:21

    .


    bon tout est dans le titre, si il y a des codeurs dans la salle.....

    j'ai bien sur fait des recherches sur le net, essayé pas mal de soluces, pas encore trouvé,
    malgre le fait que le html soit ouvert dans les messages forum....

    genre :

    Code:
    <a href="#" ><img src=" URL_IMG-1 " onmouseover="this.src=' URL_IMG-2 '" onmouseout="this.src=' URL_IMG-1 '"  /></a>


    mais bien sur ca fonctionne pas.
    qeelqu'un a une idee ?


    .


    Dernière édition par LDL le Lun 1 Juil 2013 - 6:14, édité 1 fois


    ------------------------------------------------------------------------------
    .. Fondateur du forum ▪️ Spécialiste du cinéma Expressionniste Japonais ▪️ Créateur de la Database des Événements Sociaux AC IV Black Flag
    .
    avatar

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82177
    Mercis reçus : 833

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL le Ven 18 Jan 2013 - 15:19

    autre code fonctionne pas :


    Code:
    <img src="http://icdn.pro/images/fr/a/v/avant-zoom-icone-7641-128.png"
    onmouseover="this.src='http://www.psdgraphics.com/wp-content/uploads/2009/12/zoom-in-icon.jpg'"
    onmouseout="this.src='http://icdn.pro/images/fr/a/v/avant-zoom-icone-7641-128.png'"/></img>

    la fonction onmouse est pas reconnue malheureusement...
    Sad




    .



    ------------------------------------------------------------------------------
    .. Fondateur du forum ▪️ Spécialiste du cinéma Expressionniste Japonais ▪️ Créateur de la Database des Événements Sociaux AC IV Black Flag
    .
    avatar

    Lhor
    Membre GO.ON l 5K
    Membre GO.ON  l   5K

    Niveau KGS : 7 Kyu
    Messages : 119
    Points : 1699
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Lhor le Ven 18 Jan 2013 - 15:51

    Pour le pop-up, je pensais à un truc avec onClick=function_en_Javascript_qui_ouvre_une_pop_up_avec_l'image. Mais là je n'ai pas trop le temps de m'y pencher.


    ------------------------------------------------------------------------------
    Today, I simply discover... I am one of 30 millions

    Pourquoi cherches-tu l'impossible en voulant à tout prix connaître
    d'avance ce que la vie nous réserve à toi et à moi ?
    Quoi qu'il puisse nous arriver, la sagesse n'est-elle pas de nous
    soumettre chacun à notre sort ? Que la vie te réserve encore bien des hivers ou, au contraire,
    que tu sois en train d'en vivre le dernier - celui-là même qui,
    en ce moment, éreinte les vagues de la mer à l'assaut des rochers -
    crois-moi, ne change rien à tes occupations et, dans un cas comme dans l'autre,
    n'escompte jamais vivre plus loin que le jour où nous sommes. Déjà, tandis que nous parlons, le temps impitoyable aura fui.
    C'est aujourd'hui qu'il faut vivre. Car demain reste pour toi ce qu'il y a de moins sûr.
    avatar

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82177
    Mercis reçus : 833

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL le Ven 18 Jan 2013 - 16:15

    .


    oui aussi possible....
    je vais aussi my pencher avec mes maigres connaissances...
    Wink


    .


    ------------------------------------------------------------------------------
    .. Fondateur du forum ▪️ Spécialiste du cinéma Expressionniste Japonais ▪️ Créateur de la Database des Événements Sociaux AC IV Black Flag
    .
    avatar

    Lhor
    Membre GO.ON l 5K
    Membre GO.ON  l   5K

    Niveau KGS : 7 Kyu
    Messages : 119
    Points : 1699
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Lhor le Ven 18 Jan 2013 - 16:29

    La fonction alert(arg) permet d'afficher une pop-up basique avec un bouton ok. Il ne reste plus qu'à y insérer une image ^^


    ------------------------------------------------------------------------------
    Today, I simply discover... I am one of 30 millions

    Pourquoi cherches-tu l'impossible en voulant à tout prix connaître
    d'avance ce que la vie nous réserve à toi et à moi ?
    Quoi qu'il puisse nous arriver, la sagesse n'est-elle pas de nous
    soumettre chacun à notre sort ? Que la vie te réserve encore bien des hivers ou, au contraire,
    que tu sois en train d'en vivre le dernier - celui-là même qui,
    en ce moment, éreinte les vagues de la mer à l'assaut des rochers -
    crois-moi, ne change rien à tes occupations et, dans un cas comme dans l'autre,
    n'escompte jamais vivre plus loin que le jour où nous sommes. Déjà, tandis que nous parlons, le temps impitoyable aura fui.
    C'est aujourd'hui qu'il faut vivre. Car demain reste pour toi ce qu'il y a de moins sûr.
    avatar

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82177
    Mercis reçus : 833

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL le Ven 18 Jan 2013 - 17:17

    fonctionne pas dans un message, j'ai essaye deja.




    .


    ------------------------------------------------------------------------------
    .. Fondateur du forum ▪️ Spécialiste du cinéma Expressionniste Japonais ▪️ Créateur de la Database des Événements Sociaux AC IV Black Flag
    .
    avatar

    Gnomy
    Membre GO.ON l 10K
    Membre GO.ON  l  10K

    Niveau KGS : 12 Kyu
    Messages : 89
    Points : 803
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Gnomy le Jeu 7 Fév 2013 - 9:44

    Je pense qu'il faut aller chercher du coté de JQuery et de sa popup modale.
    Ou alors une solution comme ca:
    http://www.cabel.name/2008/02/fancyzoom-10.html

    Je ne pense pas qu'il soit possible de mettre une image dans une popup d'alerte.

    Sinon pour le mouse hover, tu a essayé la version en CSS?

    Code:


    <div class="imageQuiChange" />

    <style>
    .imageQuiChange
    {
    /* width et height a definir*/
    width: 640px;
    height: 480px;
    background: url('http://icdn.pro/images/fr/a/v/avant-zoom-icone-7641-128.png');
    }
    .imageQuiChange:hover
    {
    /* width et height a definir*/
    width: 640px;
    height: 480px;
    background: url('http://www.psdgraphics.com/wp-content/uploads/2009/12/zoom-in-icon.jpg');
    }
    </style>
    avatar

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82177
    Mercis reçus : 833

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL le Jeu 7 Fév 2013 - 10:09

    .



    ca fonctionne pas apparemment...
    Sad

    dommage.
    Sad



    .


    ------------------------------------------------------------------------------
    .. Fondateur du forum ▪️ Spécialiste du cinéma Expressionniste Japonais ▪️ Créateur de la Database des Événements Sociaux AC IV Black Flag
    .
    avatar

    Gnomy
    Membre GO.ON l 10K
    Membre GO.ON  l  10K

    Niveau KGS : 12 Kyu
    Messages : 89
    Points : 803
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Gnomy le Jeu 7 Fév 2013 - 16:13

    Ca m'étonne quand même.

    Test





    Soit:
    Code:

    <div class="test" >Test</div>

    <style>.test{background: url('http://icdn.pro/images/fr/a/v/avant-zoom-icone-7641-128.png');width:200px;Height:200px;}.test:hover{background:url('http://www.psdgraphics.com/wp-content/uploads/2009/12/zoom-in-icon.jpg');width:200px;Height:200px;}</style>


    Dernière édition par Gnomy le Jeu 7 Fév 2013 - 16:37, édité 2 fois
    avatar

    Gnomy
    Membre GO.ON l 10K
    Membre GO.ON  l  10K

    Niveau KGS : 12 Kyu
    Messages : 89
    Points : 803
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Gnomy le Jeu 7 Fév 2013 - 16:27

    Mouse hover: Done! Wink

    Regarde la source de mon message LDL, le contenu de la balise style doit être sur une seule ligne!
    avatar

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82177
    Mercis reçus : 833

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL le Jeu 7 Fév 2013 - 16:36

    .

    classe...


    )par contre le panneau message n'est plus accessible en bas,
    jai l'impression que c'est le code qui le bloque. je poste via le bouton Repondre.).

    EDIT : Réglé, probleme de balise...
    Wink

    sinon dans ce cas ci, c'est une image off-on de la meme taille...
    si je veux une image 200x200 et le hover fait apparaitre une iamge 500x500 qui recoucre ce qu'il y a autour,comme tu texte, est-ce possible ? (je suppose seulement via js query, comme l'exemple que tu as donne,
    mais le code, j'ose meme pas imaginer !)
    Yo


    .


    Dernière édition par LDL le Jeu 7 Fév 2013 - 16:38, édité 1 fois


    ------------------------------------------------------------------------------
    .. Fondateur du forum ▪️ Spécialiste du cinéma Expressionniste Japonais ▪️ Créateur de la Database des Événements Sociaux AC IV Black Flag
    .
    avatar

    Gnomy
    Membre GO.ON l 10K
    Membre GO.ON  l  10K

    Niveau KGS : 12 Kyu
    Messages : 89
    Points : 803
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Gnomy le Jeu 7 Fév 2013 - 16:37

    J'ai regle le problème! Wink

    Test du changement de taille:

    Test




    On pourra pas mettre de js dans les messages je pense, mais je testerai tout a l'heure. Peut être qu'on peut faire tout ca en html, faut voir.

    Autre texte
    Test

    Autre texte





    Dernière édition par Gnomy le Jeu 7 Fév 2013 - 18:57, édité 10 fois
    avatar

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82177
    Mercis reçus : 833

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL le Jeu 7 Fév 2013 - 16:43

    Test du changement de taille:



    survolez pour aggrandir



    Re test : fonctionne pas en preview, donc en direct seulement sur le forum apparemment.
    Ce texte sera t -il recouvert par l'image "On" ?
    (ou tout se decale vers le bas pour laisser de la palce a l'image On ?)

    EDIT : Tout se decale vers le bas, zut....


    .


    ------------------------------------------------------------------------------
    .. Fondateur du forum ▪️ Spécialiste du cinéma Expressionniste Japonais ▪️ Créateur de la Database des Événements Sociaux AC IV Black Flag
    .
    avatar

    LDL
    Administrateur
    Administrateur

    Niveau KGS : 1 Dan
    Niveau FFG : 1 Kyu
    Messages : 8228
    Points : 82177
    Mercis reçus : 833

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par LDL le Mer 20 Fév 2013 - 18:21

    .


    des nouvelles sur le hover js ?
    Wink



    .


    ------------------------------------------------------------------------------
    .. Fondateur du forum ▪️ Spécialiste du cinéma Expressionniste Japonais ▪️ Créateur de la Database des Événements Sociaux AC IV Black Flag
    .
    avatar

    Gnomy
    Membre GO.ON l 10K
    Membre GO.ON  l  10K

    Niveau KGS : 12 Kyu
    Messages : 89
    Points : 803
    Mercis reçus : 0

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Gnomy le Jeu 21 Fév 2013 - 18:12

    Je n'ai rien trouvé sans JS, et les posts refusent le JS.

    Contenu sponsorisé

    Résolu Re: Hover au survol, ou pop-up au clic dans un message

    Message par Contenu sponsorisé


      La date/heure actuelle est Mar 11 Déc 2018 - 16:37