9

使用可能なビューポートのみを使用してカラーボックスを設定するのに問題があります。maxHeight または maxWidth 属性を設定するとすぐに、画像が表示されなくなります。カラーボックスは開きますが、「糸車」のままです。

function showImage(e) {
  $.colorbox({href:$(e.currentTarget).attr("src")}); } 

jQuery(document).ready(function () {
  $('.popout').on("click", showImage);
  $('.popout').colorbox({rel:'popout', maxWidth:'95%', maxHeight:'95%'}); });

<img class="popout" src="my.jpg" alt="" width="500" height="373" />

それで、私のコードの何が問題になっていますか? または、maxWidth/height を機能させるために他の属性も設定する必要がありますか?

4

2 に答える 2

16

JS エラーが発生しているようです (ブラウザの開発コンソールを確認してください)。

ただし、あなたのアプローチには問題があります。代わりにこれを試してください：

jQuery(document).ready(function () {
    $('.popout').colorbox({rel:'popout', maxWidth:'95%', maxHeight:'95%', href:function(){
        return this.src;
    }});
});

<img class="popout" src="my.jpg" alt="" width="500" height="373" />
于 2012-10-29T06:14:54.100 に答える