我正在寻找一种方法将幻灯片中的最后一张图片链接到我网站上的新页面。
示例页面在这里 http://newsite.wrcolo.com/products/
点击任何一张照片,幻灯片将会启动 - 最后一张图片显示"想看到更多可能性?"它需要链接到我网站上的页面(即关闭彩色框)。
有人可以帮忙吗? 提前谢谢。
答案 0 :(得分:0)
您可以为此类案例使用内联内容。只需在页面底部添加一个隐藏的html块,该块将用于颜色框的内容。
要将最后一张图片指向内嵌内容,请将最后一个颜色框链接更改为:
<a class="seating" title="Want to see more possibilities?" href="#seemore" data-mce-href="/assets/more.gif">#</a>
您需要告诉colorbox使用以散列开头的链接作为内联内容。将其添加到scripts.js文件中:
$('[href^="#"]').colorbox({inline:true});
然后是你的内联内容:
<div style="display:none">
<div id="seemore">
<a href="http://newsite.wrcolo.com/more-possibilites">
<img src="http://newsite.wrcolo.com/assets/more.gif">
</a>
</div>
</div>