Image survolée agrandie
Résolu
marieoceane
-
marieoceane -
marieoceane -
Bonjour,
J'ai fait des textes agrémentés de photos dans mon site, sur ces photos j'aimerai au passage de la souris que la photo s'affiche agrandie, sans ouvrir d'autre fenêtre, j'utilise dreamweaver 8, merci pour votre aide
J'ai fait des textes agrémentés de photos dans mon site, sur ces photos j'aimerai au passage de la souris que la photo s'affiche agrandie, sans ouvrir d'autre fenêtre, j'utilise dreamweaver 8, merci pour votre aide
A voir également:
- Image survolée agrandie
- Image iso - Guide
- Comment agrandir une image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
8 réponses
Une autre solution est d'afficher une « infobulle » en Javascript (une cadre qui suit la souris, contenant du texte, une image, ...).
Regarde ici (demo)
Regarde ici (demo)
Salut,
Voila un exemple rapidos
width = largeur de l'image retrecie
weight = hauteur de l'image retrecie
this.width=200 = la taille que tu veut qu'elle ai en large une fois develloper
this.height=200 = idem hauteur
this.width=100;this.height=100 > remettre les valeurs de width et weight
Voila donc une petite piste, a voir donc du coter du javascript et des proprietés onmouseover et onmouseout
Voila un exemple rapidos
<img src="URL VERS L'IMAGE" alt="" width="100" height="100" onmouseover="this.width=200;this.height=200" onmouseout="this.width=100;this.height=100" />
width = largeur de l'image retrecie
weight = hauteur de l'image retrecie
this.width=200 = la taille que tu veut qu'elle ai en large une fois develloper
this.height=200 = idem hauteur
this.width=100;this.height=100 > remettre les valeurs de width et weight
Voila donc une petite piste, a voir donc du coter du javascript et des proprietés onmouseover et onmouseout
Anamos67 tu es génial, merci de tout coeur, très vite fait et facile, ouf, j'ai galéré 2 jours avec ça, dans le même genre de facilité, le fond que j'ai mis est trop court, lorsque mon texte est trop long j'avais des des fleches pour aller à la page suivante, n'y a-t-il pas 1 moyen pour que le fond s'adapte à la longueur du texte stp, merci très sincèrement, mon dimanche s'est éclairci grâce à toi, je voudrais trouver une personne qui me depanne même en payant 'pas trop cher lol) comment avoir ton mail perso?
D'autres sont là : en CSS : image s'affiche au clic.
Le dernier exemple de la page : là.
J'ai tout expliqué sur cette page : là!.
Le dernier exemple de la page : là.
J'ai tout expliqué sur cette page : là!.
Bonjour hollandaisvolant
très interessant ton site et tes liens, et j'aime bien l'effet d'affichage de ton image en cliquant dessus, seul probème comme je le disais à avion-f16 je suis très, mais très débutante avec dream et je n'ai pas su placer les codes à l'endroit voulu
1.les caractères apparaissent dans le texte donc il manque quelque chose mais quoi????
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16. div.popup {
height: 140px;
width: 120px;
}
div.popup > img {
height: 100%;
width: 100%;
cursor: pointer;
}
div.popup > img:active {
height: auto;
width: auto;
position: absolute;
border: black solid 1px;
}
très interessant ton site et tes liens, et j'aime bien l'effet d'affichage de ton image en cliquant dessus, seul probème comme je le disais à avion-f16 je suis très, mais très débutante avec dream et je n'ai pas su placer les codes à l'endroit voulu
1.les caractères apparaissent dans le texte donc il manque quelque chose mais quoi????
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16. div.popup {
height: 140px;
width: 120px;
}
div.popup > img {
height: 100%;
width: 100%;
cursor: pointer;
}
div.popup > img:active {
height: auto;
width: auto;
position: absolute;
border: black solid 1px;
}
tu peux toujours couper ton texte aprés x caracteres:
$text = wordwrap($ton_texte, 100, "\n");
attention, ce code est simple, c' est a dire que si au bout de 100 caracteres ca tombe au milieu d' un mot, ca le coupera quand meme au lieu de couper juste avant de mot, mais il est améliorable.
Change juste $ton_texte et 100 qui est le chiffre ou le texte sera coupé aprés.
$text = wordwrap($ton_texte, 100, "\n");
attention, ce code est simple, c' est a dire que si au bout de 100 caracteres ca tombe au milieu d' un mot, ca le coupera quand meme au lieu de couper juste avant de mot, mais il est améliorable.
Change juste $ton_texte et 100 qui est le chiffre ou le texte sera coupé aprés.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Tu ne dois pas copier/coller les codes bêtement dans DW comme ton contenu.
Les scripts sont à placés quand tu es en mode "code source".
Les scripts sont à placés quand tu es en mode "code source".
Le CSS doit être placé en haut de ton document, dans le <head> dans un <styles>.
Le HTML, à l'endroit où tu veux qu'ils apparaissent.
Le HTML, à l'endroit où tu veux qu'ils apparaissent.
Je ne suis pas tout à fait Hollandais, mais Néerlandais (de nationalité). La Hollande n'est qu'un département des Pays-Bas, au même titre que l'Allier est un département français.
On confond souvent les deux, un peu comme Angleterre/ Grande-Bretagne / Royaume Uni.
On confond souvent les deux, un peu comme Angleterre/ Grande-Bretagne / Royaume Uni.
Bonjour
ton histoire m'a beaucoup interessée, et pour cause, un de mes ancêtres etait dans un bateau de christophe colomb en 1492, un autre a participé au combat de la guerre de trafalgare et oui avec la généalogie c'est fou ce que l'on peut trouver mais c'est un autre sujet je ne voudrais pas abuser sur ce forum
Encore merci pour ton aide
ton histoire m'a beaucoup interessée, et pour cause, un de mes ancêtres etait dans un bateau de christophe colomb en 1492, un autre a participé au combat de la guerre de trafalgare et oui avec la généalogie c'est fou ce que l'on peut trouver mais c'est un autre sujet je ne voudrais pas abuser sur ce forum
Encore merci pour ton aide
J'ai gardé "Hollandais Volant" et on garde "Hollandais Volant", car en 1680, date de départ d'Amsterdam du navire (dont le capitaine est Hendrik Van Der Decken (faut bien que je fasse péter^^)), le pays se nommait "Royaume de Hollande", avant de devenir les Provinces Unis, puis "Nederland".
Pour info, "Holland = Hol-Land = Pays Creux (les 25% des P-B qui sont en dessous du niveau des océans sont surtout en Hollande)
Et Nederland = Neder-Land = Pays-Bas (littéralement).
On me surnomme depuis assez longtemps le hollandais volant, mais depuis la sortie de POTC-2, je dois dire que j'ai porté ce nom plus souvent^^
Et comme le personnage est très connu (il apparait dans nombre de dessins animés (Bob l'éponge notamment, et y'a des allusions dans Pokémon), bien sur dans POTC !
*POTC = Pirates des caraïbes (Pirates Of The Carribbean)
Pour des infos sur la légende du navire fantôme, c'est là. Une très belle page. Et l'explication du pourquoi le navire est justement devenu fantôme, et la super déclaration du capitaine qui mit Dieu en rage :
Personellement, j'adore les truc de pirate et particulièrement cette légende. Même si je ne croix guère au paranormal, rêver de temps en temps ne fait pas de mal :-))
Pour info, "Holland = Hol-Land = Pays Creux (les 25% des P-B qui sont en dessous du niveau des océans sont surtout en Hollande)
Et Nederland = Neder-Land = Pays-Bas (littéralement).
On me surnomme depuis assez longtemps le hollandais volant, mais depuis la sortie de POTC-2, je dois dire que j'ai porté ce nom plus souvent^^
Et comme le personnage est très connu (il apparait dans nombre de dessins animés (Bob l'éponge notamment, et y'a des allusions dans Pokémon), bien sur dans POTC !
*POTC = Pirates des caraïbes (Pirates Of The Carribbean)
Pour des infos sur la légende du navire fantôme, c'est là. Une très belle page. Et l'explication du pourquoi le navire est justement devenu fantôme, et la super déclaration du capitaine qui mit Dieu en rage :
Ma route étant tracée et ma course décidée, je défie la puissance de Dieu de les entraver. Et même le Suppôt de l'Enfer n'éveillera pas ma frayeur, dussé-je naviguer jusqu'au jour du jugement.
Personellement, j'adore les truc de pirate et particulièrement cette légende. Même si je ne croix guère au paranormal, rêver de temps en temps ne fait pas de mal :-))
merci pour tes liens et ton mail, mais comme je ne suis qu'un dabutante, je n'ai pas su placer les codes à l'endroit voulu où se trouve mon image, snif