Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 灯箱显示2个图像,缩略图问题?_Html_Css_Light_Box - Fatal编程技术网

Html 灯箱显示2个图像,缩略图问题?

Html 灯箱显示2个图像,缩略图问题?,html,css,light,box,Html,Css,Light,Box,我在我的网站上有一个lightbox设置,我有一个无序列表,图像显示在一个列表项中。我有一个链接到全尺寸图像的href,然后是我的lightbox代码,然后是一个带有缩略图的img src。为什么我的灯箱显示两个图像而不是一个。 我想它正在显示我的缩略图和全尺寸图像,但我不确定。当我点击图像时,它显示1-2。如果按“下一步”按钮,则显示相同的图像 看看下面的代码。我希望它相当简单,但我正在学习 <ul> <li> <a href="images/re

我在我的网站上有一个lightbox设置,我有一个无序列表,图像显示在一个列表项中。我有一个链接到全尺寸图像的href,然后是我的lightbox代码,然后是一个带有缩略图的img src。为什么我的灯箱显示两个图像而不是一个。 我想它正在显示我的缩略图和全尺寸图像,但我不确定。当我点击图像时,它显示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>

我确信这是因为您对多个超链接使用了data lightbox=recentwork。请务必仔细检查。

您发布的代码似乎确实存在问题。链接到有问题的网站将有助于诊断问题。Vector,该网站不是活动的。目前都是本地主机。我是否应该链接更多的代码以提供更多帮助?我不太确定我该怎么做。一旦我删除了data lightbox=recent work,图像将在同一窗口中打开,导致您点击后退按钮返回站点。这是我用来指导灯箱的。如果要将一组相关图像合并到一个集合中,请对所有图像使用相同的数据lightbox属性值。根据灯箱说明。。如果要将一组相关图像合并到一个集合中,请对所有图像使用相同的数据lightbox属性值。例如:这就是为什么我有数据灯箱=最近的工作它没有解决2个图像相同,我有4个图像显示其中2个只是重复。示例图1与图3相同,图2与图4相同