2012-03-25 19 views
1

次/前の画像をライトボックス2に表示する際に問題が発生しています。これに関する他の回答は私には分かりません私はまだ欠けているもの。Lightbox 2 on html site - 次/前のGIFが表示されない

「内部にある」画像が「Next/Prev」のGIFが表示されるのに十分ではない「外部コンテナ」(ほとんどの場合、そう呼ばれていると思います)のようです。リンクはそこにあります。つまり、画像の右端にマウスを合わせてクリックすると、次の画像と前の画像に移動します。

次の/以前の画像は次のようになります: 1.常に表示 2. xテキストのxイメージの下にあり、Closeの上、または理想的には画像の中央に理想的に中央にあります。

X 前のページ閉じる次

の画像3私は必ずしも単純なテキストリンクは罰金になります、と言うあたりの画像を使用する必要はありません。

もし私がcssのほかに別のファイルで何かを変更しなければならないのなら、私はプログラミング言語に関しては比較的無知だから教えてください。 ROFL

答えて

2

私は、同じ問題が、何も働いていない、最終的にそれはあなたのhtmlページの最初の行に<!doctype html>を追加することで、ボタンを表示するために持っていただけで頭

1

前に、私は解決策はただのギャラリーを追加していると思います「rel」タグのnameこの中

rel="lightbox" 

:あなたの画像の各リンクで

rel="lightbox[gallery]" 

だからこれを変更します。 私のために働いた!

+0

同じ問題があって、これも私のために働いた:)ありがとうマルコ –

0

これが私の仕事:上記の提案の

rel="lightbox[gallery]" 
1

どれも私のために働いていません。

lightbox.cssファイル内の "../"のすべてのインスタンスを削除することができました。たとえば、「../img/prev.png」を「img/prev.png」に変更します。基本的にlightbox.cssファイルを見て、どこかで "../"を削除してください。

2

Lightboxを2回実装したときに同じ問題が発生しました。私の場合、私は今、それが動作するのGIFが

content: url(http://www.../img/close.png) 

content: url(../img/close.png) 

からリンクされているすべての出現箇所を変更しました。

0

実際には、問題は "イメージ"フォルダの名前のために発生します。 "lightbox.css"を見ると、 "images"というフォルダに送られたURLが表示されます。実際に使用しているフォルダ名でフォルダ名を変更するだけで済みます。イメージフォルダの名前があなたのプロジェクトフォルダ内の "img"(htmlがある)であれば、 "images"フォルダにURLが向けられているので、それは動作しません。イメージフォルダ名を変更するか、 "lightbox.css"でURLを変更することができます。

これはオリジナルです。

content: url(../images/close.png) 

と私はリンクを変更する必要がありました。

content: url(../img/close.png) 

イメージが存在する私のフォルダ名は「img」なので、それはそれです。

関連する問題