■ ワンクリックで画像を変更 ■
画像をクリックしてみて下さい。
↓のタグソースを、<head>〜</head> の間に書き込んでください。
<SCRIPT language="JavaScript"> <!-- imgkinako=1; function changeImage(){ if(imgkinako==1){ document.myimg.src="http://画像アドレス3.gif"; imgkinako=3; }else if(imgkinako==3){ document.myimg.src="http://画像アドレス2.gif"; imgkinako=2; }else if(imgkinako==2){ document.myimg.src="http://画像アドレス1.gif"; imgkinako=1; } } // --> </SCRIPT> <style type="text/css"> <!-- td{font-size: 12px} //--> </style>
↓のタグソースを、<body>〜</body> の間に書き込んでください。
<A href="javascript:changeImage()"><IMG src="http://画像アドレス1.gif" border="0"></A>
● <head>内に
document.myimg.src="http://画像アドレス4.gif"; imgkinako=4; }else if(imgkinako==4){
document.myimg.src="http://画像アドレス5.gif"; imgkinako=5; }else if(imgkinako==5){
↑のタグソースを増やすことで、チェンジ画像は幾つでも増やせます。
● <body>内の画像1と、<head>内の画像1は、同じ画像です。
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送