FCafe  SlideShow script版改訂

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

 「プラグイン(スクリプト)版SlideShow 」には幾つか気になる点もありました。

.

 これらの問題を解消する術はないか、とあれこれと試みた処 何とか以下を実現できました。


【 設置法 】  一応テンプレートに設置する方法を。
以下のソースを </body> タグの手前( HTMLソース末尾 )に書きます

<script type="text/javascript"><!--
function Prep() {
var a=' CLICKtoCHANGE " border="0" onclick="this.src=chg(this.src,';
var b=')"';
var T=document.getElementsByTagName("IMG");
for (i=0;i<T.length;i++) {
if (T[i].title.indexOf('slide-')>-1) {T[i].style.cursor="pointer"}
}
T=document.getElementsByTagName("SPAN");
for (i=0;i<T.length;i++) {
T[i].innerHTML=T[i].innerHTML.replace(/(slide-)([0-9]+)/g,a+"$2"+b)
}}

function chg(U,N) {
var p=U.split("-");
var l=p.length-1;
var p2=p[l].split(".");
var n=eval(p2[0]);
n++; if (n>N) {n=1}
U=""; for (i=0;i<l;i++) {U+=p[i]+'-'}
return (U+n+'.'+p2[1])
}

Prep();

//--></script>

○ アップロードする画像の命名法等は前記事と同様です ファイル名中に"-"を使えます
○ スライドショーを表示したい部分に以下のタグを書きます (シリーズ名を dog とした場合)

<span><img src="./file/dog-1.jpg" title="slide-3"></span>
  <span><img src="最初の画像名" title="slide-枚数"></span>

imgタグ中に titleオプションを記述し spanタグで挟みます。 ( onClick~ は記述しません)
全体としては前記事の方法より簡潔になります* ( altオプション等は自由に設定下さい )

【 解 説 】  スクリプトはまず blogソース中から「スライドショー」となる画像を探し出し マウスon時のカーソルスタイルを変更します。  ( その「目印」として title を使用しています )
然る後 その画像のオプションを書き換えて スライドショー関数に対応させます。
スライドショー関数については”-”記号を画像名と枚数の「区切り」としか捕らえていなかったのを改め、分割した文字列を後に再構築する処理を追加してあります。 (オリジナル関数とは上位互換) ★前記事の方法で書かれた画像タグはそのまま「スライドショー」になります

「スライドショー」プラグインはこのソースを基に update する予定ですので (宜しければ) 再DL下さい

Comment


.  
HN Title URL PW secret

TrackBack http://pcafe.blog3.fc2.com/tb.php/282-dc6bdd29

Shown after Admisson
.

≫ Pluginプレビュー SlideShow plugin ≪

2006 / 01 / 10  Tue
Entry   
Comment 0 / TB 0 / Edit
Designed by Daniel Corporation . all rights renounced
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。