Den gröna färgen talar om vilken cell som är aktiv vilken del av bilden jag kan lägga in egenskaper på.. Den gröna och röda färgen markeringsfärgen kan du föresten ändra under "Preferences"-knappen.. Så jag markerar med Arrow-verktyget i "Tips"-cellen så den blir grön Cell Properties Sen fyller jag i Cell Properties URL : tips.htm Alt-text : Tips, Target : _blank, ska länken öppnas i nytt fönster , eller... Vill du ha en mail - adress, skriver du i mailto: och sen din mailadress.. Rollover effekt Jag vill att bild två ska visas om man för musen över och tar man bort musen, ska bild ett visas igen.. och klickar man ska bild två också visas.. Så jag bländrar mej fram till filerna jag vill ska användas.. Tänk på att det kan vara bra att spara ibland spara en "settings"-fil.. som du ersätter vart eftersom... Fortsätt sen så med alla cellerna.. Sen är det bara att "Save" eller "Save as". Namnge din htmlfil .. min fick heta klar.htm kopiera din kod och lägg in den på din sida.. eller så jobbar du utifrån sidan du nyss gjort... Längre ned på sidan ser du hur min kod ser ut, Koden är mellan de här taggarna... <!-- Begin Table --> <!-- End Table --> Först kommer en enkel kod.. med en bild som länkar.. jag har markerat länken med blått och bilden med rött.. Sedan kommer koden jag har använt.. med mouseover.. och genast blev det lite mera kod.... <!-- Begin Table --> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="200" HEIGHT="200"> <TR> <TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100"> <A HREF="tips.htm"><IMG NAME="Image10" SRC="tips1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Tips"></A></TD> <TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100"> <A HREF="grafik.htm"><IMG NAME="Image11" SRC="grafik1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Grafik"></A></TD> </TR> <TR> <TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100"> <A HREF="mailto:tina@swd.nu"><IMG NAME="Image12" SRC="mail1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Mail me"></A></TD> <TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100"> <A HREF="../index.htm"><IMG NAME="Image13" SRC="index1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Min hemsida"></A></TD> </TR> </TABLE> <!-- End Table --> <!-- Begin Table --> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="200" HEIGHT="200"> <TR> <TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100"> <A HREF="tips.htm" TARGET="_blank" onClick="if(document.images) document.Image10.src='tips2.jpg';" onMouseOver="if(document.images) document.Image1.src='tips2.jpg';" onMouseOut="if(document.images) document.Image1.src='tips1.jpg';" > <IMG NAME="Image1" SRC="tips1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Tips"></A></TD> <TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100"> <A HREF="grafik.htm" TARGET="_blank" onClick="if(document.images) document.Image11.src='grafik2.jpg';" onMouseOver="if(document.images) document.Image2.src='grafik2.jpg';" onMouseOut="if(document.images) document.Image2.src='grafik1.jpg';" > <IMG NAME="Image2" SRC="grafik2.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Grafik"></A></TD> </TR> <TR> <TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100"> <A HREF="mailto:tina@swd.nu" onClick="if(document.images) document.Image12.src='mail1.jpg';" onMouseOver="if(document.images) document.Image3.src='mail2.jpg';" onMouseOut="if(document.images) document.Image3.src='mail2.jpg';"> <IMG NAME="Image3" SRC="mail1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Mail me"></A></TD> <TD ROWSPAN="1" COLSPAN="1" WIDTH="100" HEIGHT="100"> <A HREF="../index.htm" TARGET="_blank" onClick="if(document.images) document.Image13.src='index2.jpg';" onMouseOver="if(document.images) document.Image4.src='index2.jpg';" onMouseOut="if(document.images) document.Image4.src='index1.jpg';" > <IMG NAME="Image4" SRC="index1.jpg" WIDTH="100" HEIGHT="100" BORDER="0" ALT="Min hemsida"></A></TD> </TR> </TABLE> <!-- End Table --> Föresten.. tveka inte att skicka gärna ett mail om det är något du inte förstår ! |
Ja då var det klart.. Så nu kan du testa Image Mapper som du också hittar under File - Export... Som är samma sak, fast du gör länkbara markeringar i stället för i tabell... Lycka till ! |
|