スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

一番シンプルなクリックスライドショー 8枚写真

 いままで私がソースを公開したなかでは、一番シンプルなスクリプトのスライドショー8枚ものです。ひとつのコンポーネントと考えてください。これだけでも動作しますが、いろいろな装飾は皆さんで考えてください。
 スライドの枚数を増やすのも減らすのも、配列を使っていますので簡単に追加できます。自信のある方はトラジション効果を追加することも可能です。

<
<


ソースです.<>は半角に。ID名は変えてください。

<span style="font-size:1px;color:#ffffff;"><<div id="n070220" width=0 height=0></div>
<<img id="p070220" style="width:516;height:387;border:2px inset;" src="http://www.nasa.gov/images/content/169664main_image_feature_762_ys_4.jpg" onclick="
var gazo=new Array(8);
gazo[0]='http://www.nasa.gov/images/content/169664main_image_feature_762_ys_4.jpg';
gazo[1]='http://www.nasa.gov/images/content/169502main_image_feature_761_ys_4.jpg';
gazo[2]='http://www.nasa.gov/images/content/169387main_image_feature_ys_760_4.jpg';
gazo[3]='http://www.nasa.gov/images/content/169166main_image_feature_759_ys_4.jpg';
gazo[4]='http://www.nasa.gov/images/content/169150main_image_feature_758_ys_4.jpg';
gazo[5]='http://www.nasa.gov/images/content/168897main_image_feature_756_ys_4.jpg';
gazo[6]='http://www.nasa.gov/images/content/168531main_image_feature_752_ys_4.jpg';
gazo[7]='http://www.nasa.gov/images/content/168177main_image_feature_749_ys_4.jpg';
num=n070220.width;
p070220.src=gazo[num++];
if(num>7){num=0;}
n070220.width=num;
"/></span>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。