加载SwipeBox库并打开外部链接

Question

<li>
    <a rel="gallery-3" href="images/photos/photo7.jpg" title="Photo title" class="swipebox">
       <img src="images/photos/photo7.jpg" alt="image"/>
    </a>
</li>

我如何在swipebox中插入和打开外部链接(点击图片时重定向到另一个url )，我已经尝试了一整天，谷歌搜索，但我不能点击swipebox中的img。

这是url：http://azparts.epizy.com/blix/#!/photos.html

Answer 1

您发布的代码片段做的正是您想要的。它打开在锚标签的href中定义的新url -在你的例子中是图像url。

工作示例：

​

<a rel="gallery-3" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico?v=ec617d715196" title="Photo title" class="swipebox">
  <img src="https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico?v=ec617d715196" alt="image" />
</a>

​

除了图像url之外，您还可以定义任何其他的url，例如stackoverflow。

工作示例：

​

<a rel="gallery-3" href="https://stackoverflow.com/help/how-to-ask" title="Photo title" class="swipebox">
  <img src="https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico?v=ec617d715196" alt="image"/>
</a>

​

在特殊的swipebox情况下，如果在锚点标记中有"swipebox“类，则链接可以正常工作。然后，图像将在lightbox中打开。但是只有当链接的href指向图像url时，这才起作用。它也适用于我的stackoverflow示例代码片段，但图像没有加载，因为它来自另一个服务器-错误："Cross-Origin Read Blocking“(参见浏览器开发工具中的控制台)。photo2.png周围的锚点没有class="swipebox“，因此无法在swipebox中工作……