3. Mapejat d'imatges i pop-up
- Si heu comprovat el funcionament de les pàgines po-up que heu enllaçat heu vist que s'obre una nova finestra, però a pantalla completa.
Per tal que les finestres s'obrin ajustades a la mida de les imatges hem de fer unes petites modificacions en el codi font de la pàgina.
- Obriu la pàgina principal de la vostra proposta (la que conté la imatge mapejada).
Marqueu una de les zones seleccionades en la imatge mapejada i cliqueu a la pestanya del damunt de la pàgina per accedir al codi font: 
Us apareixerà el codi següent (exemple):
<area shape="circle" coords="519,355,29" href="../../../girona/suportic/sortides/spere/p3/pedra.htm">
Ara, segons hagueu triat un enllaç a una pàgina pop-up que conté imatges verticals o horitzontals, haureu de fer-hi modificacions amb els codis que teniu a continuació:
<area shape="rect" coords="435,141,486,163"
href="#" onClick="MM_openBrWindow('horitzontal1.htm','dimecres','width=400,height=300')">
<area shape="circle" coords="134,132,19"
href="#" onClick="MM_openBrWindow('vertical1.htm','dimecres','width=300,height=400')">
Si compareu els dos codis veureu que cal de fer dues operacions:
1- Sustituir la cadena que hi ha a continuació de href= per la corresponent (vertical/horitzontal).
href="#" onClick="MM_openBrWindow('horitzontal1.htm','dimecres','width=400,height=300')">
2.-Finalment ens cal encara una darrera operació que és canviar el nom de la pàgina. Hi tenim el nom de la de mostra horitzontal1.htm i l'hem reemplaçar per pedra.htm.
- Repetiu el procés amb totes les pàgines que heu creat.
,
març de 2007