Comment faire pour redimensionner une image avec onmouseover et

Résolu/Fermé

Nikolbc66 - Modifié par Nikolbc66 le 25/02/2015 à 14:35
Nikolbc66 - 26 févr. 2015 à 11:01

Bonjour,
J'aimerais savoir comment je peux faire pour changer les dimensions d'une image (la rendre plus grosse...) avec le bout de programme qui suit ?

<td id="td_fond_image"><?php echo $info_auteur['liste'][0]->NOM ;?>
<br />
<span class="dates_auteur">(<?php echo $info_auteur['liste'][0]->DATES ;?>)</span>
<br />
<div id="img_focus" 
<img id="image_poete" style="position:absolute;top:50%;left:50%;" src="images/<?php echo $info_auteur['liste'][0]->CODE ;?>.jpg" onmouseout = 'src="images/<?php echo $info_auteur['liste'][0]->CODE ;?>.jpg"' onmouseover = 'src="images/grandes/<?php echo $info_auteur['liste'][0]->CODE ;?>_g.jpg"' alt="<?php echo $info_auteur['liste'][0]->CODE ;?>.jpg"/>
</div>
</td>

Merci d'avance

A voir également:

Comment faire pour redimensionner une image avec onmouseover et
Image iso - Guide
Comment agrandir une image - Guide
Acronis true image - Télécharger - Sauvegarde
Google recherche par image - Guide
Faststone image viewer - Télécharger - Visionnage & Diaporama

2 réponses

Réponse 1 / 2

douarfyduck Messages postés 85 Date d'inscription mercredi 25 février 2015 Statut Membre Dernière intervention 21 août 2018 24
25 févr. 2015 à 14:40

Bonjour, peut etre qu'en attribuant un id a ton image et dans le css mettre :

.idimage:hover{
width : plusgrand
height : plusgrand
}

Nikolbc66
25 févr. 2015 à 14:59

Je vais essayer de suite. Merci pour le petit coup de main... Je voulais le faire sans CSS car ma page CSS est assez conséquente mais, il faut ce qu'il faut. Je travaille actuellement sur le site "Métrique en ligne" que tu peux aller voir en tapant le nom dans ton navigateur : la version qui s'y trouve est l'ancienne version.

Nikolbc66
25 févr. 2015 à 16:26

J'ai testé, mais ça ne marche pas. Pourquoi ? Mystère !!! Je ne sais pas trop comment je vais faire pour ne pas avoir à changer une bonne partie de mon programme... J'aurais vraiment aimé que ça marche : ça m'aurait fait un bug de moins à traiter... ; )

Réponse 2 / 2

inspiring Messages postés 1813 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 31 décembre 2018 265
25 févr. 2015 à 18:56

Bonjour,

Trois ligne de CSS ne changerons pas grand chose et ceci influe sur le temps de chargement de la page qui, de toute façon, devra charger plus de js avec ta solution. L'un dans l'autre ...

je te met un exemple CSS:

<style> 
div.monelement {
    width: 200px;
    height: 100px;
    background-color: yellow;
    transform:scale(1);
    transition:transform 1s ease;
   
}
div.monelement:hover {
   transform:scale(2);

}
</style>

Tu t'en sert ou pas , il sera utile pour d'autre je pense.
Attention, compatibilité navigateur récent (tant pis pour les fans d'IE6)

Nikolbc66
26 févr. 2015 à 08:28

Merci pour l'exemple de CSS. Je vais le tester de suite. De toutes façons, je crois qu'il va falloir que je change pas mal de choses dans mon programme si je veux obtenir le résultat souhaité. En tous cas, merci d'avoir pris un peu de ton temps pour me répondre.

Nikolbc66
26 févr. 2015 à 10:58

Soit je m'y prend mal, soit ça ne marche pas; pas de résultat : les dimensions de mon image restent les mêmes...

Nikolbc66
Modifié par Nikolbc66 le 26/02/2015 à 11:02

C'est peut-être le navigateur que j'utilise qui est incompatible : j'utilise Iceweasel (Linux Debian)...?!

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

Comment enlever le rouge sur la photo svp ?

Sur la plage...

Dechiffrer une image caché

[xp] créer une URL d'une image de mon pc

Discussions similaires

Newsletters