Question

我使用colorbox查看图片...是否可以在颜色框内添加缩放选项？

档案gallery.php

$(document).ready(function(){
    // initiate colorbox
    $(".albumpix").colorbox({rel:'albumpix', maxWidth:'98%', maxHeight:'98%', slideshow:true, slideshowSpeed:3500, slideshowAuto:false});
});

档案gallery2.php

<a href="<?php echo $album; ?>/<?php echo $files[$i]; ?>" title="<?php echo $files[$i]; ?>" class="albumpix">
    <img src="<?php echo $thumb; ?>" alt="<?php echo $files[$i]; ?>"/>
</a>

Answer 1

编写Colorbox的人（Jack Moore）也写了一个jQuery Zoom插件（http://www.jacklmoore.com/zoom/）。

$(document).ready(function(){
     $(".albumpix").zoom();
     $('.albumpix').colorbox({
         'onComplete': function(){ 
              $('#cboxLoadedContent img').wrap('<span style="display:inline-block"></span>').css('display', 'block').parent().zoom();
         }
     });
});

答案可能是： jQuery Zoom inside a colorbox

如何在colorbox中实现缩放？

1 个答案: