Image mosaïque avec affichage de textes...
Résolu/Fermé
gabriel92
Messages postés
9
Date d'inscription
samedi 24 novembre 2007
Statut
Membre
Dernière intervention
7 août 2011
-
7 juin 2011 à 19:57
gabriel92 Messages postés 9 Date d'inscription samedi 24 novembre 2007 Statut Membre Dernière intervention 7 août 2011 - 7 août 2011 à 10:23
gabriel92 Messages postés 9 Date d'inscription samedi 24 novembre 2007 Statut Membre Dernière intervention 7 août 2011 - 7 août 2011 à 10:23
A voir également:
- Image mosaïque avec affichage de textes...
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Image de profil - Guide
- Google recherche par image - Guide
- Mosaique instagram - Guide
2 réponses
bg62
Messages postés
23582
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
22 mars 2024
2 359
7 juin 2011 à 20:44
7 juin 2011 à 20:44
c'est une image qui est "mappée" ...
et en plus avec du javascript dedans ... un peu compliqué pour pas grand chose ... il y a plus simple quand même, pour le code :
et en plus avec du javascript dedans ... un peu compliqué pour pas grand chose ... il y a plus simple quand même, pour le code :
<html><head><title>Le lieu des vacances de mon enfance</title> <meta name="GENERATOR" content="Optima PageSpinner for MacOS"> <meta name="ROBOTS" content="ALL"> <meta name="KEYWORDS" content="exposition,peinture,sculpture,création"> <meta name="DESCRIPTION" content="travail artistique"> <meta name="AUTHOR" content="Béatrice Turquand d'Auzay"> <script language="JavaScript"> <!-- Beginning of JavaScript - //swap fonction function SwapOut(num){ if (num==1) { document.debut.src=debut.src} else if (num==2) {document.suitea.src=suitea.src} else if (num==3) {document.suiteb.src=suiteb.src} else if (num==4) {document.suitec.src=suitec.src} } function SwapBack(num){ if (num==1) { document.debut.src=vide.src} else if (num==2) {document.suitea.src=vide.src} else if (num==3) {document.suiteb.src=vide.src} else if (num==4) {document.suitec.src=vide.src} } //chargement des imagettes debut=new Image() debut.src='../btaimage/texte1.jpg' suitea=new Image() suitea.src='../btaimage/texte2.jpg' suiteb=new Image() suiteb.src='../btaimage/texte3.jpg' suitec=new Image() suitec.src='../btaimage/texte4.jpg' vide=new Image() vide.src='../btaimage/vide.gif' // - End of JavaScript - --> </script> </head> <body bgcolor='#FFFFFF' link='#000000' vlink='#000000' alink='#000000' marginwidth='30' marginheight='2' topmargin='30' leftmargin='30'> <table border='0' cellspacing=0 cellpadding=0> <tr> <td rowspan='4'><img src="../btaicone/gplclic2.jpg" border='0' width="600" height="437" alt="Le lieu des vacances de mon enfance" usemap="#plan1"> <map name="plan1"> <area shape=poly coords=86,285,86,232,111,185,158,148,174,146,181,135,204,130,230,108,255,119,261,139,247,155,236,257,244,193,311,121,314,107,325,102,331,114,315,124,303,138,248,200,259,315,237,345,205,365,165,365,117,338 href="accsouv1.html" target='_top' onMouseOver="SwapOut(1); self.status= 'J\'ai toujours été tiraillée entre les histoires de mes deux familles, ...' ; return true;" onMouseOut="SwapBack(1)"> <area shape=poly coords=0,247,0,436,306,436,307,379,239,349,205,367,159,368,107,332,81,287,49,278,37,285 href="accsouv2.html" target='_top' onMouseOver="SwapOut(2); self.status= 'rehaussé de couleurs, représentant des arrière-arrière-grands-parents français, ...' ; return true;" onMouseOut="SwapBack(2)"> <area shape=POLY coords=496,0,599,0,599,436,308,436,309,375,347,263,410,150,454,88 href="accsouv3.html" target='_top' onMouseOver="SwapOut(3); self.status= ' développa en moi une fascination pour l\'enfermement, pour ce qui est proche et inaccessible à la fois.' ; return true;" onMouseOut="SwapBack(3)"> <area shape=poly coords=0,243,0,0,494,0,450,91,383,180,349,250,307,374,241,346,261,320,264,305,250,202,315,127,333,114,326,99,312,106,309,120,246,189,239,159,251,157,265,139,257,115,228,105,219,117,208,119,199,128,180,132,173,145,156,144,108,183,83,231,81,283,47,271,39,281 href="accsouv4.html" target='_top' onMouseOver="SwapOut(4); self.status= 'les gens écartelés entre plusieurs frontières. D\'où une envie de restituer ...' ; return true;" onMouseOut="SwapBack(4)"> </map></td> <td width=150 align='right'><img src="../btaimage/vide.gif" width="120" height="65" alt="" name="debut"></td> </tr> <tr> <td align='right'><img src="../btaimage/vide.gif" width="120" height="65" alt="" name="suitea"></td> </tr> <tr> <td align='right'><img src="../btaimage/vide.gif" width="120" height="75" alt="" name="suiteb"></td> </tr> <tr> <td align='right'><img src="../btaimage/vide.gif" width="120" height="75" alt="" name="suitec"></td> </tr> </table> </body> </html>
bg62
Messages postés
23582
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
22 mars 2024
2 359
7 juin 2011 à 21:12
7 juin 2011 à 21:12
vois du côté de jalbum
https://jalbum.net/en/
il peut fonctionner en local et il est simple pour un débutant
ou ici:
http://www.jmberthier.com/fr/photogallery.html
;)
https://jalbum.net/en/
il peut fonctionner en local et il est simple pour un débutant
ou ici:
http://www.jmberthier.com/fr/photogallery.html
;)
gabriel92
Messages postés
9
Date d'inscription
samedi 24 novembre 2007
Statut
Membre
Dernière intervention
7 août 2011
7 juin 2011 à 21:17
7 juin 2011 à 21:17
Je vais voir ça, merci beaucoup.
bg62
Messages postés
23582
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
22 mars 2024
2 359
7 juin 2011 à 21:19
7 juin 2011 à 21:19
de rien, prends le temps de tester le 2 tournent en local ;)
gabriel92
Messages postés
9
Date d'inscription
samedi 24 novembre 2007
Statut
Membre
Dernière intervention
7 août 2011
11 juin 2011 à 16:09
11 juin 2011 à 16:09
Je ne trouve pas de fonction de mapage et de "on mouse over" dans ces applis...
Je continue...
Je continue...
gabriel92
Messages postés
9
Date d'inscription
samedi 24 novembre 2007
Statut
Membre
Dernière intervention
7 août 2011
7 août 2011 à 10:23
7 août 2011 à 10:23
Résolu !
Pour le mapage, DreamWeaver le fait très simplement. Ensuite, sur le conseil d'un collègue, j'ai utilisé l'instruction javascript GetElementById pour injecter dans une division vide le contenu d'une division cachée. Et ça marche.
Merci à tous pour votre aide.
Gabriel
Pour le mapage, DreamWeaver le fait très simplement. Ensuite, sur le conseil d'un collègue, j'ai utilisé l'instruction javascript GetElementById pour injecter dans une division vide le contenu d'une division cachée. Et ça marche.
Merci à tous pour votre aide.
Gabriel
7 juin 2011 à 20:52
Oui, ça m'avait l'air bien compliqué (mais je manque de références).
Connais-tu un moyen de faire ça simplement ? Du genre scripts tout prêts (au hasard...)