Rechercher : dans
Par :

Image survolée agrandie

Dernière réponse le 7 oct 2009 à 07:44:33 marieoceane, le 4 oct 2009 à 10:38:27 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP pro Internet Explorer 8.0

Meilleures réponses pour « image survolée agrandie » dans :
Agrandir une image de petite taille VoirQuand l'ordinateur agrandit une image, il doit "inventer" les pixels manquants. Il existe différentes méthodes de calcul pour inventer ces pixels. Sommaire: Photo Dessin au trait Recommandations pour de meilleurs résultats Liens Le...
Les images ne s'affichent pas sur le site VoirDans une page web, les images sont spécifiées grâce à la balise IMG, avec la notation suivante : Les formats d'images supportés sur le web sont les formats GIF, JPG et PNG. Le format BMP n'est pas supporté par les...
Une popup d'information au survol sans Javascript ni CSS VoirParfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...

1

Anamos67, le 4 oct 2009 à 11:07:14
  • +1

Salut,
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

Répondre à Anamos67

2

marieoceane, le 4 oct 2009 à 12:09:14

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?

Répondre à marieoceane

4

Anamos67, le 4 oct 2009 à 13:19:20

Inscris toi sur le forum puis par message privé pour le mail perso. Du reste graffx ta fourni une réponse

Répondre à Anamos67

10

marieoceane, le 4 oct 2009 à 17:12:09

Anamos67
mais je suis inscrite, je viens d'essayer à nouveau et on me dit que mon pseudo est pris, je crois bien être inscrite, comment véridier??? merci encore

Répondre à marieoceane

13

Anamos67, le 4 oct 2009 à 18:42:23

Tu est marquer en anonyme sur le forum donc je suppose non identifier, donc pas de mp

Répondre à Anamos67

15

marieoceane, le 5 oct 2009 à 15:31:23

Bonjour Anamos67, je vais essayer de rectifier, merci

Répondre à marieoceane

3

graffx, le 4 oct 2009 à 13:08:59

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.

Répondre à graffx

14

marieoceane, le 5 oct 2009 à 15:29:49

Bonjour graffx
Merci à toi aussi pour ton aide, vaiment vous êtes super sympas, merci

Répondre à marieoceane

5

avion-f16, le 4 oct 2009 à 13:21:52
  • +2

Une autre solution est d'afficher une « infobulle » en Javascript (une cadre qui suit la souris, contenant du texte, une image, ...).
Regarde ici (demo) Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu­ lui dis de faire.

Répondre à avion-f16

7

marieoceane, le 4 oct 2009 à 17:01:52

Bonjour avion-f16
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

Répondre à marieoceane

6

le hollandais volant, le 4 oct 2009 à 14:33:03
  • +1

D'autres sont là : en CSS : image s'affiche au clic.

Le dernier exemple de la page : .

J'ai tout expliqué sur cette page : là!. Windows : il y a mieux... mais c'est moins cher.
0118 999 881 999 119 725… 3

Répondre à le hollandais volant

8

marieoceane, le 4 oct 2009 à 17:06:31

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;
}

Répondre à marieoceane

9

avion-f16, le 4 oct 2009 à 17:09:31

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". Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.

Répondre à avion-f16

11

marieoceane, le 4 oct 2009 à 18:18:40

Mais oui Avion ça je sais je me mets en code source, mais c'est pour placer le code, je me mets où???
merci encore, encore faut-il savoir quoi lui dire, lol

Répondre à marieoceane

12

le hollandais volant, le 4 oct 2009 à 18:20:24

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. Windows : il y a mieux... mais c'est moins cher.
0118 999 881 999 119 725… 3

Répondre à le hollandais volant

16

marieoceane, le 5 oct 2009 à 15:33:09

Bonjour le Hollandais, bien noté, merci, au fait je ne sais pas si tu es hollandais, mais j'y suis allée il y a quelques années et j'ai adoré ce pays,

Répondre à marieoceane

17

le hollandais volant, le 5 oct 2009 à 17:43:24

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.

Windows : il y a mieux... mais c'est moins cher.
0118 999 881 999 119 725… 3

Répondre à le hollandais volant

18

avion-f16, le 5 oct 2009 à 17:47:35

Ah ben mince, je croyais que tu étais un pirate des Caraïbes :) Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu­ lui dis de faire.

Répondre à avion-f16

20

 marieoceane, le 7 oct 2009 à 07:44:33

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

Répondre à marieoceane

19

le hollandais volant, le 5 oct 2009 à 17:57:46

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 :

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 :-)) Windows : il y a mieux... mais c'est moins cher.
0118 999 881 999 119 725… 3

Répondre à le hollandais volant
Collection CommentÇaMarche.net