Clic sur image

Fermé
simgob Messages postés 584 Date d'inscription mardi 10 janvier 2006 Statut Membre Dernière intervention 25 septembre 2013 - 10 nov. 2006 à 11:28
simgob Messages postés 584 Date d'inscription mardi 10 janvier 2006 Statut Membre Dernière intervention 25 septembre 2013 - 11 nov. 2006 à 16:23
Bonjour à tous,
Je cherche à réaliser ceci: dans le bas d'une page, 4 vignettes clicables. Au moment du clic, devrait apparaître l'image agrandie, mais sur la même page, dans le haut. Comment fait-on ? J'ai Namo Web Editor ou Frontpage.
Merci d'avance.
A voir également:

2 réponses

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
10 nov. 2006 à 15:35
Bonjour,

Ta question n'est pas idiote.
Par contre, ça peut être difficile à réaliser.

Avec des CSS, tu en auras un aperçu > ici <.
Ou alors comme ça ?

Javascript, par exemple, peut aussi t'y aider.
0
simgob Messages postés 584 Date d'inscription mardi 10 janvier 2006 Statut Membre Dernière intervention 25 septembre 2013 47
10 nov. 2006 à 15:46
En effet, Gihef, ça a l'air assez coton. Je vais piocher dans ces codes qui n'ont pas l'air très explicites mais comme ma copine veut cela !! Ce que femme veut .....
et que nous sommes des dieux ...
Merci en tout cas
0
simgob Messages postés 584 Date d'inscription mardi 10 janvier 2006 Statut Membre Dernière intervention 25 septembre 2013 47
11 nov. 2006 à 16:23
Bonjour à tous, en particulier à Gihef
QQun peut-il me dire ce qui ne va pas dans ce code que j'ai copié et adapté au mieux, en effet je ne comprend pas tout ce qui s'y trouve. Le but étant de faire apparaître une image de petite taille et au passage de la souris de faire un zoom automatique mais dans la même page. Merci d'avance.
Voici le code css: (on ne ris pas svp !!)

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Sans titre</title>
<meta name="generator" content="Namo WebEditor v6.0">
<style type="text/css">
<!--
#image {
positon: absolute;
width : 100;
height : 80;
background: url(C:/Documents and Settings/guy/Mes documents/Mes documents 1/chambre004.jpg) bottom left no repeat;
}
#zone1 {
position: absolute;
width : 100;
height : 80;
}
#zone1:hover {
width : 300;
heigth : 240;
left: 400;
top :1;
background: url(zone1.jpg)top right no-repeat;
z-index: 100;
}
-->
</style>
</head>
<body>
<div style="display: none;"><img alt="" src="zone1.jpg">
</div>
<div id="image">
<a id="zone1" href="#" title="zone 1 zoom"></a>
</div>

</body>

</html>
0
simgob Messages postés 584 Date d'inscription mardi 10 janvier 2006 Statut Membre Dernière intervention 25 septembre 2013 47
10 nov. 2006 à 15:02
Salut les malins !!
J'ai l'impression que ma question est idiote ou difficile !! Personne n'a une petite idée ou une grande d'ailleurs. Sebsauvage, toi qui m'a souvent sauvé !! pas d'idée ?
-1