0

製品の画像を表示するために e コマース サイトに取り組んでいますが、問題が発生しています。

カラーボックスを使用して、ポップアップウィンドウに画像を表示しています。そのためのコードは次のとおりです。

jQuery("a.largeImgPop").colorbox({opacity:0.4, rel:'largeImgPop', photo:true});

私のリンクは次のようになります。

<a class="largeImgPop" href="/img1.jpg">test1</a>
<a class="largeImgPop" href="/img2.jpg">test2</a>
<a class="largeImgPop" href="/img3.jpg">test3</a>

test1、test2、またはtest3のいずれかをクリックすると、正しい画像が表示されますが、3つの間を移動するための前と次のボタンは表示されません。何か案は？

4

2 に答える 2

0

前のボタンと次のボタンが表示されなかったのは、z-index が原因でした。カラーボックス内に表示されていた画像の後ろにボタンが隠れていました。これを修正するために、カラーボックスの css 内のボタンの z-index を増やしてから、必要な場所に再配置しました

z-index の詳細については、以下をクリックしてください。

Z インデックスについては、ここをクリックしてください

于 2013-04-19T08:18:41.117 に答える