[Javascript - CSS ] zoom image reactif
Fermé
john
-
26 oct. 2005 à 10:27
bg62 Messages postés 23711 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 12 avril 2025 - 12 déc. 2008 à 11:45
bg62 Messages postés 23711 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 12 avril 2025 - 12 déc. 2008 à 11:45
Bonjour
je souhaite faire une sorte de zoom image au passage de la souris , mais avec cependant la possibilite d'avoir des zones reactives dans la fenetre de zoom
j'ai deja reussi a faire mon zoom en feuille de style css avec un :hover
mais comment faire des zone de selection dans cette fenetre de zoom ?
merci d'avance
je souhaite faire une sorte de zoom image au passage de la souris , mais avec cependant la possibilite d'avoir des zones reactives dans la fenetre de zoom
j'ai deja reussi a faire mon zoom en feuille de style css avec un :hover
mais comment faire des zone de selection dans cette fenetre de zoom ?
merci d'avance
A voir également:
- [Javascript - CSS ] zoom image reactif
- Image iso - Guide
- Telecharger javascript - Télécharger - Langages
- Télécharger zoom gratuit pour pc - Télécharger - Téléphonie & Visio
- Zoom ecran pc - Guide
- Acronis true image - Télécharger - Sauvegarde
6 réponses
Zep3k!GnO
Messages postés
2025
Date d'inscription
jeudi 22 septembre 2005
Statut
Membre
Dernière intervention
18 novembre 2015
200
26 oct. 2005 à 13:55
26 oct. 2005 à 13:55
mais la je sais pas comment definir d'autres zones sur cette image la vu que c dans du code css
Bah au lieu d'appliquer #zone1 a ton image tu dois faire une autre map en CSS sur le modèle de #zone1 mais tu l'appelles #zone2 et c'est elle que t'appliques a ton image , non ?!
Zep3k!GnO
-->hi i hi o on va pas au boulot :P
Bah au lieu d'appliquer #zone1 a ton image tu dois faire une autre map en CSS sur le modèle de #zone1 mais tu l'appelles #zone2 et c'est elle que t'appliques a ton image , non ?!
Zep3k!GnO
-->hi i hi o on va pas au boulot :P
syphaks
Messages postés
9
Date d'inscription
jeudi 2 octobre 2008
Statut
Membre
Dernière intervention
13 décembre 2008
1
12 déc. 2008 à 09:19
12 déc. 2008 à 09:19
bjr a vous,
en fait ce qu'il veut dire c'est ca:
tu as une premiere image (Photo1) ok.
Photo1=> tu lui aplike un zoom1 en css. Ce zoom1 est en fait une autre image appelé Photo2. ensuite tu répéte ton code comme tu le souhaites.
Photo2=> tu lui applike un zoom2 en définissant ce dernier sur ton css.
c clair??
en fait ce qu'il veut dire c'est ca:
tu as une premiere image (Photo1) ok.
Photo1=> tu lui aplike un zoom1 en css. Ce zoom1 est en fait une autre image appelé Photo2. ensuite tu répéte ton code comme tu le souhaites.
Photo2=> tu lui applike un zoom2 en définissant ce dernier sur ton css.
c clair??
StreM
Messages postés
515
Date d'inscription
lundi 18 octobre 2004
Statut
Membre
Dernière intervention
28 février 2007
124
26 oct. 2005 à 10:30
26 oct. 2005 à 10:30
Salut,
renseigne toi sur les balises MAP et AREA.
Mais ton message n'est pas très clair...
renseigne toi sur les balises MAP et AREA.
Mais ton message n'est pas très clair...
merci pour la reponse , mais j'ai deja regarde du cote des balise MAP et AREA :)
Effectivement , a la relecture , mon message est plutot confus
en fait , j'ai une image de fond , avec des zones reactives ( MAP , AREA ) , qui au survol de la souris , affichent un cadre representant un zoom de la partie survolee.
ce que j'aimerai avoir c'est dans ce cadre de zoom qui s'affiche , avoir d'autres zones reactives sur lequelles on pourrait clicker
une mise en abime en sorte
une zone qui affiche un cadre , et dans ce cadre d'autres zones ..
le tout en restant dans la meme page
Suis-je plus clair la ?
( j'ai pas trop l'impression :/ )
Effectivement , a la relecture , mon message est plutot confus
en fait , j'ai une image de fond , avec des zones reactives ( MAP , AREA ) , qui au survol de la souris , affichent un cadre representant un zoom de la partie survolee.
ce que j'aimerai avoir c'est dans ce cadre de zoom qui s'affiche , avoir d'autres zones reactives sur lequelles on pourrait clicker
une mise en abime en sorte
une zone qui affiche un cadre , et dans ce cadre d'autres zones ..
le tout en restant dans la meme page
Suis-je plus clair la ?
( j'ai pas trop l'impression :/ )
Zep3k!GnO
Messages postés
2025
Date d'inscription
jeudi 22 septembre 2005
Statut
Membre
Dernière intervention
18 novembre 2015
200
26 oct. 2005 à 12:03
26 oct. 2005 à 12:03
ben pourquoi tu refais pas des images pour tes zones de ZOOM ( ton image en grand ) et sur ces nouvelles images, tu places tes MAP et toyt le tralala.... ?!
Zep3k!GnO
-->hi i hi o on va aps au boulot :P
Zep3k!GnO
-->hi i hi o on va aps au boulot :P
john
>
Zep3k!GnO
Messages postés
2025
Date d'inscription
jeudi 22 septembre 2005
Statut
Membre
Dernière intervention
18 novembre 2015
26 oct. 2005 à 13:09
26 oct. 2005 à 13:09
ben c'est deja une autre image le zoom ( zone1.jpg)
voila le code css
#zone1:hover {
width : 216px;
height: 169px;
left: 110px;
top: 15px;
border: 1px dotted white;
background: url(zone1.jpg) top left no-repeat;
z-index: 100;
}
mais la je sais pas comment definir d'autres zones sur cette image la vu que c dans du code css
voila le code css
#zone1:hover {
width : 216px;
height: 169px;
left: 110px;
top: 15px;
border: 1px dotted white;
background: url(zone1.jpg) top left no-repeat;
z-index: 100;
}
mais la je sais pas comment definir d'autres zones sur cette image la vu que c dans du code css
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
bg62
Messages postés
23711
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
12 avril 2025
2 401
12 déc. 2008 à 11:45
12 déc. 2008 à 11:45
bonjour
... allez .. je "repique ma crise" :
ce forum est un forum d'entraide, l'inscription y est gratuite, alors pourquoi rester 'anonyme' ?
cela ne coûte rien de s'inscrire, et c'est beaucoup plus sympa vis-à-vis de ceux qui voudront vous aider ...
@+
b g
... allez .. je "repique ma crise" :
ce forum est un forum d'entraide, l'inscription y est gratuite, alors pourquoi rester 'anonyme' ?
cela ne coûte rien de s'inscrire, et c'est beaucoup plus sympa vis-à-vis de ceux qui voudront vous aider ...
@+
b g