Well now I want to share how to create a mouse over the image using javascript. So when you mouse over your image, the image will change to another picture by itself.
This step is :
1. Upload two images. First and second image you want to use the image hosting site. Then note the url of the image.
2. Enter this code at the bottom of the <head>
<SCRIPT LANGUAGE="JavaScript">
loadImage1 = new Image();
loadImage1.src = "MASUKKAN URL IMAGE KEDUA ANDA DISINI";
staticImage1 = new Image();
staticImage1.src = "MASUKKAN URL IMAGE PERTAMA ANDA DISINI";
</script>
3. Enter this code at the bottom of the <body>
<a href="MASUKKAN URL TUJUAN DARI LINK ANDA DISNI" target="_blank" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="MASUKKAN URL IMAGE PERTAMA ANDA DISINI" border=0></a>
4. Finish.. hehehe :D
This step is :
1. Upload two images. First and second image you want to use the image hosting site. Then note the url of the image.
2. Enter this code at the bottom of the <head>
<SCRIPT LANGUAGE="JavaScript">
loadImage1 = new Image();
loadImage1.src = "MASUKKAN URL IMAGE KEDUA ANDA DISINI";
staticImage1 = new Image();
staticImage1.src = "MASUKKAN URL IMAGE PERTAMA ANDA DISINI";
</script>
3. Enter this code at the bottom of the <body>
<a href="MASUKKAN URL TUJUAN DARI LINK ANDA DISNI" target="_blank" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="MASUKKAN URL IMAGE PERTAMA ANDA DISINI" border=0></a>
4. Finish.. hehehe :D
0 comments:
Post a Comment