開始行: ***久しぶりの書込み [#z9f4daef] 暫く書いていませんでしたがネタが無かったわけではありま... まぁ1月ぐらいに書いた内容ですが、せっかく部品も完成させ... //cut ***[Javascript][plugin] [#a1a57b5f] ホームページ上の部品として、画像数枚をボタンで切替表示... しかたがないので、要望条件に近く単純な構造のものを探し改... ただjavascriptなんて殆ど触ったことが無いので、構造とル... 特に見つけた参考プログラムには改行、レベルの段階構造が無... #geshi(javascript,number){{{ <html> <head> <title>img view</title> <meta http-equiv="Content-Type" content="text/html; chars... <script language="JavaScript"> <!-- //*****img view 1.0 var i_count=0,last_count,hantei=1,position=0; var img_f="../test/img/test_"; store_file=new Array(); //画像ファイル名の配列格納しカウントを増やす function img_name(){ store_file[i_count]=new Image(); store_file[i_count].src=img_f+i_count+".jpg"; i_count++; } //画像ファイルが存在するかチェックするためにhtmlに参照先... function img_set_check(){ document.getElementById("check").src=img_f+i_count+".jp... } //hanteiが1の間、画像が存在すればimg_name()とimg_set_chec... function on_load(){ p_no_set(); document.getElementById("button1").style.visibility="vi... if(hantei){ img_name(); img_set_check(); } } //画像が存在しなければ、hanteiを0にして処理を終了する function on_error(){ document.getElementById("total_img").firstChild.nodeVal... last_count=i_count-1; hantei=0; } function top(){ position=0; img_set(); p_no_set(); } function previous(){ if(position>0){ position--; img_set(); p_no_set(); }else{ position=last_count; img_set(); p_no_set(); } } function next(){ if(position<last_count){ position++; img_set(); p_no_set(); }else{ position=0; img_set(); p_no_set(); } } function img_set(){ document.getElementById("imgview").src=store_file[posit... } function p_no_set(){ document.getElementById("count").firstChild.nodeValue="... } --> </script> </head> <body bgcolor="#FFFFFF" onLoad="img_set_check();"> <table width = "580"> <tbody> <tr> <td id="imgtd" align="center" valign="middle" col... <div id="imgdiv"> <img id="imgview" galleryimg="no" src="../tes... </div> </td> </tr> <tr> <td align="center" valign="middle"> <div id="button1" style="visibility:hidden;"> <input type="button" onclick="top();" value="... <input type="button" onclick="previous();" va... <input type="button" onclick="next();" value=... </div> </td> <td><span id="count">[ 1/</span><span id="total_i... </tr> </tbody> </table> <img id="check" galleryimg="no" style="height:10;visibi... </body> </html> }}} とりあえずhtml文に追加するならこれで十分なんだが、この... #img_view サンプル画像に、以前 友達からもらった風景がちょうど良... 終了行: ***久しぶりの書込み [#z9f4daef] 暫く書いていませんでしたがネタが無かったわけではありま... まぁ1月ぐらいに書いた内容ですが、せっかく部品も完成させ... //cut ***[Javascript][plugin] [#a1a57b5f] ホームページ上の部品として、画像数枚をボタンで切替表示... しかたがないので、要望条件に近く単純な構造のものを探し改... ただjavascriptなんて殆ど触ったことが無いので、構造とル... 特に見つけた参考プログラムには改行、レベルの段階構造が無... #geshi(javascript,number){{{ <html> <head> <title>img view</title> <meta http-equiv="Content-Type" content="text/html; chars... <script language="JavaScript"> <!-- //*****img view 1.0 var i_count=0,last_count,hantei=1,position=0; var img_f="../test/img/test_"; store_file=new Array(); //画像ファイル名の配列格納しカウントを増やす function img_name(){ store_file[i_count]=new Image(); store_file[i_count].src=img_f+i_count+".jpg"; i_count++; } //画像ファイルが存在するかチェックするためにhtmlに参照先... function img_set_check(){ document.getElementById("check").src=img_f+i_count+".jp... } //hanteiが1の間、画像が存在すればimg_name()とimg_set_chec... function on_load(){ p_no_set(); document.getElementById("button1").style.visibility="vi... if(hantei){ img_name(); img_set_check(); } } //画像が存在しなければ、hanteiを0にして処理を終了する function on_error(){ document.getElementById("total_img").firstChild.nodeVal... last_count=i_count-1; hantei=0; } function top(){ position=0; img_set(); p_no_set(); } function previous(){ if(position>0){ position--; img_set(); p_no_set(); }else{ position=last_count; img_set(); p_no_set(); } } function next(){ if(position<last_count){ position++; img_set(); p_no_set(); }else{ position=0; img_set(); p_no_set(); } } function img_set(){ document.getElementById("imgview").src=store_file[posit... } function p_no_set(){ document.getElementById("count").firstChild.nodeValue="... } --> </script> </head> <body bgcolor="#FFFFFF" onLoad="img_set_check();"> <table width = "580"> <tbody> <tr> <td id="imgtd" align="center" valign="middle" col... <div id="imgdiv"> <img id="imgview" galleryimg="no" src="../tes... </div> </td> </tr> <tr> <td align="center" valign="middle"> <div id="button1" style="visibility:hidden;"> <input type="button" onclick="top();" value="... <input type="button" onclick="previous();" va... <input type="button" onclick="next();" value=... </div> </td> <td><span id="count">[ 1/</span><span id="total_i... </tr> </tbody> </table> <img id="check" galleryimg="no" style="height:10;visibi... </body> </html> }}} とりあえずhtml文に追加するならこれで十分なんだが、この... #img_view サンプル画像に、以前 友達からもらった風景がちょうど良... ページ名:
![[PukiWiki]](wiki/image/dog3.png "[PukiWiki]")