将 Link 添加到幻灯片循环 2 或寻呼机中的图像

Question

我需要为我的幻灯片 (cycle2) 中的图像添加一个 link，它也设置了寻呼机。如何在不将图像从滑块上敲下来的情况下做到这一点？

 <div 
 id="slideshow" class="cycle-slideshow"
 data-cycle-manual-fx="scrollHorz"
 data-cycle-pager-fx="fade" 
 data-cycle-manual-speed="400"
 data-cycle-prev="#prev"    
 data-cycle-next="#next"
 data-cycle-speed="600"  
 data-cycle-timeout="3000" 
 data-cycle-pager = "#pager" 
 data-cycle-pager-template="<a href='#'><img src='{{src}}' width=150     height=100></a>">


    <img src="bear scene.jpg" alt=""/>
    <img src="someimage.jpg" alt=""/>
    <img src="otherimage.jpg" alt=""/>
    <img src="picute.jpg" alt=""/>
    <img src="somethingelse.jpg" alt=""/>
    <img src="anotherpic_.jpg" alt=""/>
    <img src="lastpic.jpg" alt=""/>

   </div>

Answer 1

如果您不想弄乱 css（如果您将图像包装在 <a> 标签中，则需要这样做）您可以只使用 javascript onclick 图像事件，从这样的图像中打开 link：

<img onclick="window.open('http://www.google.com', '_blank')" src="bear scene.jpg" alt=""/>

这里有一些例子：https://jsfiddle.net/2jjomuge/

将 Link 添加到幻灯片循环 2 或寻呼机中的图像

Adding Link to image in slideshow cycle2 or pager

html

dreamweaver

jquery-cycle2