Mapear una imagen, (crear hot-spots)
Estaba yo trasteando una imagen con el Editor de FrontPage, y se me ocurre darle al rectángulo de las herramientas para las imagenes, y de pronto... me pregunta por una dirección URL y dije "coño!"...
Imaginaros mi sorpresa, yo creía que era simplemente una "herramienta" para crear rectángulos y sin embargo me encuentro que es para crear "hot-spots"
Total que cojo la imagen de Visual Basic y le añado los apartados y me pongo a crear enlaces y todo el rollo... Lo pruebo... y no funcionan todos! (cagüenla)
Resumen si quieres tener "hot-spots" en una imagen, puedes hacerlo con FrontPage, pero después lo modificas manualmente fuera del editor creando todos los enlaces necesarios, me explico:
El FrontPage generó lo siguiente al crear tres enlaces:
<p><font color="#000080" size="6"><strong><!--webbot
bot="ImageMap" startspan
rectangle=" (4,6) (68, 25) tip_vb.zip##frmContGuiller"
rectangle=" (71,6) (169, 25) vb_prg.htm##frmContGuiller"
rectangle=" (173,6) (256, 25) vb_con.htm##frmContGuiller"
src="vb_menu.gif" border="0" width="442" height="107" -->
<MAP NAME="FrontPageMap0">
<AREA SHAPE="RECT" COORDS="173, 6, 256, 25" HREF="vb_con.htm" TARGET="frmContGuiller">
</MAP>
<img src="vb_menu.gif" border="0" width="442" height="107" usemap="#FrontPageMap0"><!--webbot
bot="ImageMap" i-checksum="27051" endspan --><br>
Para que funcionase bien con los tres enlaces, indicados en los "campos" rectangle, hay que añadir después de <MAP...> tantos <AREA...> como "hot-sposts" tengamos, para mi caso los siguientes:
<AREA SHAPE="RECT" COORDS="4, 6, 68, 25" HREF="vb_tip.htm" TARGET="frmContGuiller">
<AREA SHAPE="RECT" COORDS="71, 6, 169, 25" HREF="vb_prg.htm" TARGET="frmContGuiller">
Y todo funcionando como debe. Sólo que al cargar de nuevo la página en el FrontPage, te lo vuelve a "desbaratar", pero una vez que le has cogido el truco y sabes cómo va... pues a usar un editor de texto.
Nota: Todos los <AREA...> deben estar entre <MAP...> y </MAP>, sé que es obvio, pero...
Otra nota: El i-checksum="..." los puedes quitar.