javascript - 如何从 div 中的 JavaScript Photobox 动画中排除特定图像？

Question

我正在使用 photobox 以漂亮的画廊风格显示 div 中的所有图像。但是，我想在画廊中的 div 中包含一个图像，一个 PDF 图标，onlick 将下载一个 pdf 文件。目前，单击此图标会出现在图库中，我想知道如何排除 div 的一部分。

这是我的代码

 <div id="gallery">
           <td width="226" align="right"><table width="206" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="199" align="center"><a href="images/GrndFloor_dimension.jpg" target="_blank"><img src="images/GrndFloor_dimension_th.jpg" alt="Ground Floor" width="182" height="182" border="0"/></a></td>
      </tr>
      <tr>
        <td height="64" align="center" background="images/thumbs-text-holder.jpg" class="planscopy" style="background-repeat:no-repeat"><table width="151" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="104"><span class="planscopy" style="background-repeat:no-repeat">Ground Floor - Dimensions</span></td>
           <td width="47" align="right"><a href="docs/Ground Floor Plan - Dimensions.pdf" target="_blank"><img src="images/pdf.png" width="48" height="51"/></a></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
      </div>

      <script type="text/javascript">
     $('#gallery').photobox('a', { thumbs: true }, imageLoaded);
    function imageLoaded() {
        console.log('image has been loaded...');
    }

我不希望 pdf.png 图像出现在图库中，只是作为文档的链接。有没有办法在 div 中排除 div id？

如有任何帮助，我们将不胜感激。

Answer 1

尝试给 A 元素 ( PDF ) 一个像“exclude”这样的类并尝试这个 JS 代码:

<td width="47" align="right"><a class="exclude" href="docs/Ground Floor Plan - Dimensions.pdf" target="_blank"><img src="images/pdf.png" width="48" height="51"/></a></td>

<script type="text/javascript">
    $('#gallery').photobox('a:not(.exclude)', { thumbs: true }, imageLoaded);
        function imageLoaded() {
        console.log('image has been loaded...');
    }
</script>