Litebox v1.0のカスタマイズ方法

質問

Litebox v1.0をホームページで使っています。

複数写真をグループ化すると、表示した画像の上にカーソルを持っていくとPrev、Nextというタブがでますよね？
これをカーソルを載せなくても最初から表示した常態にしたいのですが、可能でしょうか？

可能でしたらどこを修正すればできますか？

初心者でわからないなりになんとかならないかと、
litebox-1.0.jsファイルの298.299行目の
Element.hide('prevLink');
Element.hide('nextLink');
を「Element.show」に書き換えてみたのですが、何の変化もありませんでした。

どうかアドバイスをお願いいたします。

回答No.2

mflow · ベストアンサー

ソースを覗いてみました。

そしたらjavascriptは関係なく付属のlightbox.cssファイルの53，54行目を直せばいけそうです。

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
↓
#prevLink, #prevLink:visited { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:visited { background: url(../images/nextlabel.gif) right 15% no-repeat; }

こんな感じに。
お試しください。

お礼

ありがとうございます！
アドバイスの通りにしたら、望んでいた結果が得られました！

javascriptを変更しなければならないとばかり思い込んでいました。
素人判断は怖いと反省しました。

本当にありがとうございました。

回答No.1

mflow

ソースを見ていないので推測ですが、hideではなくてshowのタイミングを変えればよいのではないでしょうか。たとえばliteboxのレイヤーが表示されたときとか。

298,299行目のhideはコメントアウトしてしまえば良い気がします。

（あくまで推測です）

補足

mflow様。アドバイスありがとうございます。

申し訳ありませんがもう少しヒントをいただけませんか？ソースの中に

// if not first image in set, display prev image button
if(activeImage != 0){
Element.show('prevLink');
document.getElementById('prevLink').onclick = function() {
myLightbox.changeImage(activeImage - 1); return false;
}
}

// if not last image in set, display next image button
if(activeImage != (imageArray.length - 1)){
Element.show('nextLink');
document.getElementById('nextLink').onclick = function() {
myLightbox.changeImage(activeImage + 1); return false;
}
}

という表記を見つけたのですが、ここを直せばいいのでしょうか？

> hideではなくてshowのタイミングを変えればよいのではないでしょうか。
> たとえばliteboxのレイヤーが表示されたときとか。
というのは具体的にはどのように表記すれば良いのでしょうか？

javascriptはまったくわからないため、どうすればいいのか見当がつかず困っています。
お手数をかけて申し訳ないのですがアドバイスをお願いできないでしょうか？