Lightboxを用いても拡大されない

質問

現在、自分が作っているHPでLightboxを使おうとしているのですが、
拡大したい画像は表示されるのですが、クリックしても何も起こりません。

CSSファイルやJavascriptファイル、
Lightboxを利用したいhtmlファイルで修正すべき箇所はしたと思うのですが・・・。

またパスは絶対パスが推奨されているようですが相対パスでは動かないでしょうか？

ちなみに私が利用しているブラウザはSleipnirです。

ぜひ回答をお願いします。

回答No.2

outbrave · ベストアンサー

<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>

タグは間違っていないようです（上記はサンプルファイルより抜粋で、画像ファイルへのパスを http:// からにしても正しく表示されます）。

>拡大したい画像は表示されるのですが、クリックしても何も起こりません。
これって、サムネイル（小さい画像）をクリックしても変化無しってことですよね？
lightbox が動作してなくても、大きい画像が左上に表示されるはずなのですが。

不具合の確認は、web上ですか、それともPC上ですか？

web上なら、必要なファイルがアップロードされていない可能性があります。

PC上なら、次のことを試してください。
lightbox をダウンロードして解凍したら中に、index.html が入っていますね、そのファイルで動作確認してください。
そのファイルで正しく動作したのなら、あなたが作成しているファイルに問題があることになります。

お礼

DLしたファイルから文をコピーし、該当箇所を修正しなおしたら正常に動きました。

どうやら自分でも気づかない内に変な箇所をいじっていたようです。

回答ありがとうございました。

回答No.1

outbrave

>クリックしても何も起こりません
それなら、Lightbox に関係なく HTML のアンカータグが間違っています。
Lightbox が動かない場合は、上記のようにならず、画像は表示されますから。

>またパスは絶対パスが推奨されているようですが相対パスでは動かないでしょうか
その思われるなら、絶対パスを試せばわかることではありませんか。

ちなみに、Sleionir でも IE と同じ動作です、ただしプラグインの影響で動かない可能性も否定できません。

補足

画像のリンクのところを

<a href="Lightboxで表示させたい画像までの絶対パス" rel="lightbox" title="">
<img src="縮小表示させたい画像までの絶対パス" alt="" /></a>

のように表記しているのですが、正しくないのでしょうか？