Fotorama jquery - 添加链接到幻灯片上的外部页面
问题描述:
我已经整合了一个fotorama的幻灯片与拇指。我喜欢这个插件,但在这种情况下,语法是:Fotorama jquery - 添加链接到幻灯片上的外部页面
<div class="fotorama"
data-nav="thumbs">
<a href="1.jpg"><img src="1_thumb.jpg"></a>
(...)
的用于显示的大型图片,所以我不能添加链接到外部网页。
我不能写这个! :
有人解决?
在此先感谢
答
使用HTML technique添加透明链接在框架:
<div class="fotorama">
<div data-img="1.jpg"><a href="http://google.com/"></a></div>
<div data-img="2.jpg"><a href="http://apple.com/"></a></div>
</div>
弹力链接与CSS:
.fotorama__html div,
.fotorama__html a {
display: block;
height: 100%;
/* Transparent links are not clickable in IE,
but non-existent background fixes this.
(Put an empty 1×1 image here to avoid
errors in console.) */
background: url(_.gif);
}
答
我已经使用了上述建议并在Chrome上发现了一个问题(版本35.0.1916.153米)。外部链接只能间歇性地工作。所以我浏览周围的解决方案,并找到了解决:
转到铬://标志/并启用如下:
固定位置元素会创建堆叠上下文。 Mac,Windows,Linux,Chrome OS,Android 启用此选项可使所有固定位置元素创建新的CSS堆叠上下文。 #固定位置创建堆叠上下文
AND
合成为固定的位置的元件。 Mac,Windows,Linux,Chrome OS,Android 启用此选项将使固定位置元素具有其自己的合成图层。请注意,固定位置元素也必须创建堆栈上下文才能工作。 #启用-合成换固定位置。
希望这些信息对您有所帮助。
但是在应用$('。fotorama').fotorama()后,在fotorama代码中的构建阻止我点击“内部”链接。 – RAY