【问题标题】:Light box displaying 2 images, thumbnail the issue?灯箱显示 2 张图片,缩略图问题?
【发布时间】:2014-07-25 06:47:43
【问题描述】:

我的网站上有一个灯箱设置,而且我有一个无序列表,图像显示在一个列表项中。我有一个链接到完整尺寸图像的href,然后是我的灯箱代码,然后是一个带有缩略图的img src。为什么我的灯箱显示 2 张图片而不是一张。 我认为它正在显示我的缩略图和全尺寸图像,但我不确定。当我单击图像时,它显示 1-2。如果您按下下一个按钮,它会显示相同的图像。

看看下面的代码。我希望它相当简单,但我正在学习..

<ul>
   <li>
     <a href="images/respectyourelders-full.png" 
       data-lightbox="recentwork"
       data-title="This design was made for an apparel company called VolkWear Clothing.">
         <img src="images/car1.png" alt="Respect your Elders Illustration" title="Respect your Elders Illustration" />
     </a>

【问题讨论】:

  • 您发布的代码似乎确实存在问题。指向违规网站的链接将有助于诊断问题。
  • Vector,该网站没有上线。目前都是本地主机。我应该链接更多代码以提供更多帮助吗?

标签: html css light box


【解决方案1】:

我确定这是因为您将 data-lightbox="recentwork" 用于多个超链接。请务必仔细检查。

【讨论】:

  • 我不太确定我应该怎么做。一旦我删除了 data-lightbox="recent work",图像将在同一个窗口中打开,导致您点击后退按钮返回站点。这就是我用作灯箱指南的内容。如果您有一组相关图像要组合成一个集合,请对所有图像使用相同的 data-lightbox 属性值。 图片#2 图片#3 图片#4
  • 根据灯箱说明。如果您有一组相关图像要组合成一个集合,请对所有图像使用相同的 data-lightbox 属性值。例如:&lt;a href="img/image-2.jpg" data-lightbox="roadtrip"&gt;Image #2&lt;/a&gt; &lt;a href="img/image-3.jpg" data-lightbox="roadtrip"&gt;Image #3&lt;/a&gt; &lt;a href="img/image-4.jpg" data-lightbox="roadtrip"&gt;Image #4&lt;/a&gt; 这就是为什么我有 data-lightbox="recent work" 它没有解决 2 个相同的图像,我总共显示了“4”个图像,其中 2 个只是重复的。示例图像 1 与图像 3 相同,图像 2 与 4 相同
猜你喜欢
  • 2012-07-29
  • 1970-01-01
  • 2012-01-30
  • 1970-01-01
  • 1970-01-01
  • 2015-09-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多