1

私はfancyboxを使用して、ページ上の画像のグリッドをクリックするとギャラリーに変わります。これらはすべて、rel="gallery"プロパティでリンクされています。問題は、画像の1つをクリックすると、fancyboxがその場所に空白のプレースホルダーdivを配置し、すべての画像がバックグラウンドでシフトすることです。fancyboxを閉じると、表示なしでページに戻されます。

私は最終的に、タグにdisplay:block!importantを配置して、タグが元に戻るようにしました。画像のサイズである一般的なスタイルを、スローされる愚かな空のプレースホルダーに配置しようとしています。

fancyboxのデモサイトはこのようには機能しません。画像をラップするタグだけが残ります...fancyboxがこれを実行しないようにする方法はありますか?

実例については、こちらの「写真」タブをクリックしてください。リンクを削除しました。

4

1 に答える 1

2

あなたがしたようにhref属性をのままにすると:

<a rel="gallery" class="gallery" href=""><img src="../images/placeholder_prop.jpg"></a>

次に、fancyboxは<a>タグ全体をターゲットコンテンツと見なし、それをコンテンツとしてボックスに移動しますinline(プレースホルダーを残します)

次のようなhrefターゲットで属性を入力する必要があります。image

<a rel="gallery" class="gallery" href="../images/placeholder_prop.jpg"><img src="../images/placeholder_prop.jpg"></a>

imageそのため、HTMLドキュメントをいじることなく、そのようなターゲットのみが表示されます。

于 2013-03-20T22:51:32.297 に答える