スポンサーサイト

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

奥耶馬渓まででかけました

 今日はビデオの仲間と、大分県の耶馬渓まで行ってまいりました。報告は落ち着いてからということで、今日のところは山国側の朝の風景一枚で小技のもとを作ってみました。

 この技は、Gooブログにアップロードした画像にはサムネールと、実際の画像があることを利用して、従来は実画像を縮小してサムネールのように表示していたのを、サイズの軽いサムネールを表示することでクリックすれば大きい画像が出るようにしました。

 GooブログにアップロードしたサムネールのURLと実画像のURLの違いは、'thumbnail' が 'user_image' にかわり、サムネールにはファイル名の最後に _s がついていることです。そこでその置換をスクリプトでやって、画像のソースを入れ替えてやるわけです。

 置換のスクリプトは次のように記述します

 まず、s にサムネール画像のURLを代入し、

s=this.src;
s=s.replace('thumbnail','user_image');
s=s.replace('_s','');

 サムネールのURLから実画像のURLをスクリプトで作成します。

<


<span style="font-size:0px;">
<<img src="http://blogimg.goo.ne.jp/thumbnail/63/96/b31ddcb3fc3a996fee5a5c6f0835eda1_s.jpg"
onclick="s=this.src;
if(s.indexOf('thumbnail',0)<0){s=s.replace('user_image','thumbnail');
s=s.replace('.jpg','_s.jpg');}
else{s=s.replace('thumbnail','user_image');
s=s.replace('_s','');}
this,src=s;" />
</span>


コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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