Zoom image site

Résolu

Nadjim08 Messages postés 165 Statut Membre -
pijaku Messages postés 13513 Date d'inscription Statut Modérateur Dernière intervention - 2 mai 2011 à 13:47

Bonjour, je voudrais lorsque que l'on passe la souris sur les images de mon site que sa face un effet zoom mai le soucie introuvable et je compte sur vous pour pouvoir m'aider merci.

Afficher la suite

A voir également:

Zoom image site
Wannonce nouveau site - Guide
Wannonce site fermé - Guide
Site de telechargement - Accueil - Outils
Zoom appel video - Guide
Légende image word - Guide

4 réponses

Réponse 1 / 4

pijaku Messages postés 13513 Date d'inscription Statut Modérateur Dernière intervention 2 770

Bonjour,
mai le soucie introuvable : Introuvable???

Réponse 2 / 4

Nadjim08 Messages postés 165 Statut Membre 1

Je vien d'insérer ce code dans mes CSS et lorsque que je passe la souris sur mes image toujours pareille.

.zoom {
height:400px;
}
.zoom p {
text-align:center;
}
.zoom img {
width:200px;
height:267px;
}
.zoom img:hover {
width:300px;
height:400px;
}

pijaku Messages postés 13513 Date d'inscription Statut Modérateur Dernière intervention 2 770

Ok pour le CSS. Peux t'on voir le html correspondant?

Réponse 3 / 4

Nadjim08 Messages postés 165 Statut Membre 1

HTML ?

pijaku Messages postés 13513 Date d'inscription Statut Modérateur Dernière intervention 2 770

Ben oui, le code de ta page.

pijaku Messages postés 13513 Date d'inscription Statut Modérateur Dernière intervention 2 770

Bon ok. On n'est pas sorti du sable.
Tu codes tes pages avec quoi? quel logiciel? quel langage?
Fais cet essai :
1- ouvrir le bloc notes
2- copier-coller ce css dans la page du bloc note :

.zoom {  
height:400px;  
}  
.zoom p {  
text-align:center;  
}  
.zoom img {  
width:200px;  
height:267px;  
}  
.zoom img:hover {  
width:300px;  
height:400px;  
}

3- enregistrer sous : monstyle.css
4- ouvrir une nouvelle feuille du bloc note
5- copier-coller ce code html dans la nouvelle page du bloc note

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > 
<head> 
     <title>Mon site il est génial!!!!</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
     <link rel="stylesheet" media="screen" type="text/css" title="Design" href="monstyle.css" /> 
</head> 
<BODY> 
<div class="zoom"> 
    <p> 
        <img src="poisson-rouge.jpg"/> 
    </p> 
</div> 
</body> 
</html>

6- enregistrer sous (dans le même répertoire que le css ci-dessus) : index.html
7- enregistrer sous "poisson-rouge.jpg", dans le même répertoire que les 2 fichiers précédents l'image ci-jointe
8- tester

ci-joint le répertoire exemple à dézipper...

Réponse 4 / 4

Nadjim08 Messages postés 165 Statut Membre 1

Je ne code rien le site et deja prés. J'ai une page CSS.

pijaku Messages postés 13513 Date d'inscription Statut Modérateur Dernière intervention 2 770

Vois donc avec celui qui l'a codé.

Nadjim08 Messages postés 165 Statut Membre 1

Ces officelive https://www.microsoft.com/fr-fr/microsoft-365?ms.url=office365com&rtc=1

pijaku Messages postés 13513 Date d'inscription Statut Modérateur Dernière intervention 2 770

Je ne peux donc pas t'aider davantage.

Nadjim08 Messages postés 165 Statut Membre 1

Ya bien un un code CSS que j'insérer dans ma page pour que lon passe la souris sur mes image que sa face un effet zoom.

pijaku Messages postés 13513 Date d'inscription Statut Modérateur Dernière intervention 2 770

oui, mais il faut que ta page html y fasse référence...
teste l'exemple que je t'ai mis plus haut...

Discussions similaires

Retrouver l'image originale d'une photo modifiée

Discussions similaires

Newsletters