v e r m i c e l l i ||||| c o d e
posted on 09 Jun 2006 15:10 by rije in HTML*-* แง่ม วันนี้อัพทีเดียว 2 entry ซะงั้นน่ะ เหอๆ
เอาโค้ดตัวอย่างการใช้ ImageReady มาลงครับ
<HTML>
<HEAD>
<TITLE>Untitled-1</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Untitled-1) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
vermi_01_ImageMap_01_over = newImage("images/vermi_01-ImageMap_01_over.gif");
vermi_01_ImageMap_02_over = newImage("images/vermi_01-ImageMap_02_over.gif");
vermi_01_ImageMap_03_over = newImage("images/vermi_01-ImageMap_03_over.gif");
vermi_01_ImageMap_04_over = newImage("images/vermi_01-ImageMap_04_over.gif");
vermi_01_ImageMap_05_over = newImage("images/vermi_01-ImageMap_05_over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (Untitled-1) -->
<IMG NAME="vermi_01" SRC="images/vermi_01.gif" WIDTH=750 HEIGHT=600 BORDER=0 ALT="" USEMAP="#vermi_01_Map">
<MAP NAME="vermi_01_Map">
<AREA SHAPE="rect" ALT="Gallery" COORDS="225,118,334,145" HREF="gallery.html" TARGET="_blank"
ONMOUSEOVER="changeImages('vermi_01', 'images/vermi_01-ImageMap_05_over.gif'); return true;"
ONMOUSEOUT="changeImages('vermi_01', 'images/vermi_01.gif'); return true;"
ONMOUSEDOWN="changeImages('vermi_01', 'images/vermi_01.gif'); return true;"
ONMOUSEUP="changeImages('vermi_01', 'images/vermi_01-ImageMap_05_over.gif'); return true;">
<AREA SHAPE="rect" ALT="Wallpaper" COORDS="594,453,738,480" HREF="wallpaper.html" TARGET="_blank"
ONMOUSEOVER="changeImages('vermi_01', 'images/vermi_01-ImageMap_04_over.gif'); return true;"
ONMOUSEOUT="changeImages('vermi_01', 'images/vermi_01.gif'); return true;"
ONMOUSEDOWN="changeImages('vermi_01', 'images/vermi_01.gif'); return true;"
ONMOUSEUP="changeImages('vermi_01', 'images/vermi_01-ImageMap_04_over.gif'); return true;">
<AREA SHAPE="rect" ALT="Guest Book" COORDS="26,335,192,356" HREF="#"
ONMOUSEOVER="changeImages('vermi_01', 'images/vermi_01-ImageMap_03_over.gif'); return true;"
ONMOUSEOUT="changeImages('vermi_01', 'images/vermi_01.gif'); return true;"
ONMOUSEDOWN="changeImages('vermi_01', 'images/vermi_01.gif'); return true;"
ONMOUSEUP="changeImages('vermi_01', 'images/vermi_01-ImageMap_03_over.gif'); return true;">
<AREA SHAPE="rect" ALT="BBS" COORDS="609,50,668,74" HREF="#"
ONMOUSEOVER="changeImages('vermi_01', 'images/vermi_01-ImageMap_02_over.gif'); return true;"
ONMOUSEOUT="changeImages('vermi_01', 'images/vermi_01.gif'); return true;"
ONMOUSEDOWN="changeImages('vermi_01', 'images/vermi_01.gif'); return true;"
ONMOUSEUP="changeImages('vermi_01', 'images/vermi_01-ImageMap_02_over.gif'); return true;">
<AREA SHAPE="rect" ALT="profile" COORDS="438,565,543,591" HREF="profile.html" TARGET="_blank"
ONMOUSEOVER="changeImages('vermi_01', 'images/vermi_01-ImageMap_01_over.gif'); return true;"
ONMOUSEOUT="changeImages('vermi_01', 'images/vermi_01.gif'); return true;"
ONMOUSEDOWN="changeImages('vermi_01', 'images/vermi_01.gif'); return true;"
ONMOUSEUP="changeImages('vermi_01', 'images/vermi_01-ImageMap_01_over.gif'); return true;">
</MAP>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
สามารถดูตัวอย่างเว็บที่ผมทำไว้เสร็จแล้วได้ที่นี่ครับ
http://www.izdea.com/vermicelli/vermi.html
*-* ถ้าผมว่างจากการหัวระเบิดกับโดจินเมื่อไหร่
ผมจะเอา step-by-step การทำลิงค์ที่ภาพด้วย
ImageReady มาลงละกันนะฮะ วันนี้เอาโค้ด
ไปดูให้ปวดหัวเล่นก่อนแล้วนะ เอิ๊กๆ ~*----*~
#1 By "แมวดำขี้เซา♣" on 2006-06-09 15:26