如何在灯箱中隐藏特定图像

Question

我有在灯箱中打开的图像，但我希望当noimage.png可以在灯箱中查看时，不应在灯箱视图中显示

这是我网站的链接，请打开最后的缩略图并查看下一张图片以了解。. 单击此处 我用于灯箱的脚本

<script type="text/javascript" src="LightBox/js/jquery.js"></script>
        <script type="text/javascript" src="LightBox/js/jquery.lightbox-0.5.js"></script>



        <script type="text/javascript">
            $(function() {
                $('#gallery a').lightBox(
{ overlayOpacity: 0.6,
    imageLoading: 'LightBox/images/lightbox-ico-loading.gif',
    imageBtnClose: 'LightBox/images/lightbox-btn-close.gif',
    imageBtnPrev: 'LightBox/images/lightbox-btn-prev.gif',
    imageBtnNext: 'LightBox/images/lightbox-btn-next.gif',
    fixedNavigation: true,
    txtImage: 'Image',
    txtOf: 'of'

});      
  });

  </script>

我试图完成这项任务

<script type="text/javascript">
       function pageLoad() {
           if ($("#gallery a[href$='noimage.png']")) {
               $("#gallery a[href$='noimage.png'] img").removeAttr("src");

               $("#gallery a[href$='noimage.png']").remove("#gallery img");

           }
       };

  </script>

是否可以在灯箱中隐藏特定图像，并且不应在灯箱弹出视图中显示该图像

Answer 1

您可以使用一个类来标记要在灯箱中排除的图像，而这些图像将不会在灯箱中使用。

标记图像，然后使用此选择器初始化灯箱

<script type="text/javascript">
    $(function() {
        // Mark unwanted images
        jQuery('#gallery a[href*="noimage.png"]').addClass("no-lightbox");

        // Initialize lightbox without them
        jQuery('#gallery a:not(.no-lightbox)').lightBox({ 
            overlayOpacity: 0.6,
            imageLoading: 'LightBox/images/lightbox-ico-loading.gif',
            imageBtnClose: 'LightBox/images/lightbox-btn-close.gif',
            imageBtnPrev: 'LightBox/images/lightbox-btn-prev.gif',
            imageBtnNext: 'LightBox/images/lightbox-btn-next.gif',
            fixedNavigation: true,
            txtImage: 'Image',
            txtOf: 'of'
        });      
    });
</script>

Answer 2

理想情况下，渲染视图时，应检查是否为noimage.png然后再不打印。