「プラグイン（スクリプト）版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>
imgタグ中に titleオプションを記述し spanタグで挟みます。 （ onClick〜 は記述しません）
全体としては前記事の方法より簡潔になります* （ altオプション等は自由に設定下さい ）
【 解 説 】 スクリプトはまず blogソース中から「スライドショー」となる画像を探し出し マウスon時のカーソルスタイルを変更します。
( その「目印」として title を使用しています )
然る後 その画像のオプションを書き換えて スライドショー関数に対応させます。
スライドショー関数については”-”記号を画像名と枚数の「区切り」としか捕らえていなかったのを改め、分割した文字列を後に再構築する処理を追加してあります。 （オリジナル関数とは上位互換）
★前記事の方法で書かれた画像タグはそのまま「スライドショー」になります
「スライドショー」プラグインはこのソースを基に update する予定ですので （宜しければ） 再ＤＬ下さい
| . |