スポンサーサイト

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

シンプル 写真プレゼンソース 機能追加版

 昨日アップしましたソースを、もう少しいらないものを削除して、ついでに写真説明を追加しました。Photogooテンプレートとして使えます。

 photogooテンプレートとして使われるときは、<>半角に改行を削除した後、テキストエディターで保存する場合に拡張子を .tmp としてください。保存されたファイルを、ダウンロードしたPhotogooのフォルダーにコピーすると、テンプレートとして使えるようになります。


 写真説明は画像タグのtitle属性を利用します。

 例によってソースは<>改行をすべて削除してご利用ください。

<center><span style="font-size:0px;color:white;">
<<span id="cap_idkey" style="width:550px; line-height:20px;
backgroun-color:black;font-size:18px;color:#222244;">
caption00</span><br/>
<<div style=" position:relative; width:550px;
height:370px; overflow:hidden;" >
<img id="main_idkey"src="photo00"
style="width:550px;position:absolute;z-Index:
99;top:0;left:0;"onclick="this.style.top=-1000;"/>
<<div style="width:550px;position:absolute;z-Index:
88;"onclick="main_idkey.src=event.srcElement.src;
cap_idkey.innerText=event.srcElement.title;
main_idkey.style.top=0;" id="images_idkey"
style="position:absolute;top:0;left:0;line-height:0px;margin:0px;">
<img style="width:100px; margin: 2px;" src="photo01" title=" caption01"/>
<img style="width:100px; margin: 2px;" src="photo02" title=" caption02"/>
<img style="width:100px; margin: 2px;" src="photo03" title=" caption03"/>
<img style="width:100px; margin: 2px;" src="photo04" title=" caption04"/>
<img style="width:100px; margin: 2px;" src="photo05" title=" caption05"/>
<img style="width:100px; margin: 2px;" src="photo06" title=" caption06"/>
<img style="width:100px; margin: 2px;" src="photo07" title=" caption07"/>
<img style="width:100px; margin: 2px;" src="photo08" title=" caption08"/>
<img style="width:100px; margin: 2px;" src="photo09" title=" caption09"/>
<img style="width:100px; margin: 2px;" src="photo10" title=" caption10"/>
<img style="width:100px; margin: 2px;" src="photo11" title=" caption11"/>
<img style="width:100px; margin: 2px;" src="photo12" title=" caption12"/>
<img style="width:100px; margin: 2px;" src="photo13" title=" caption13"/>
<img style="width:100px; margin: 2px;" src="photo14" title=" caption14"/>
<img style="width:100px; margin: 2px;" src="photo15" title=" caption15"/>
<img style="width:100px; margin: 2px;" src="photo16" title=" caption16"/>
<img style="width:100px; margin: 2px;" src="photo17" title=" caption17"/>
<img style="width:100px; margin: 2px;" src="photo18" title=" caption18"/>
<img style="width:100px; margin: 2px;" src="photo19" title=" caption19"/>
<img style="width:100px; margin: 2px;" src="photo20" title=" caption20"/>
</div></div></span></center>

コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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