Fotorama jquery - 添加链接到幻灯片上的外部页面

我已经整合了一个fotorama的幻灯片与拇指。我喜欢这个插件，但在这种情况下，语法是：Fotorama jquery - 添加链接到幻灯片上的外部页面

<div class="fotorama" 
data-nav="thumbs"> 
<a href="1.jpg"><img src="1_thumb.jpg"></a> 
(...)

的用于显示的大型图片，所以我不能添加链接到外部网页。

我不能写这个！：

有人解决？

在此先感谢

来源

2013-09-27 user2822813

使用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); 
}

小提琴：http://jsfiddle.net/artpolikarpov/gzQwy/。

来源

2013-09-28 07:26:43 Art

但是在应用$（'。fotorama'）.fotorama（）后，在fotorama代码中的构建阻止我点击“内部”链接。 – RAY

-1

我已经使用了上述建议并在Chrome上发现了一个问题（版本35.0.1916.153米）。外部链接只能间歇性地工作。所以我浏览周围的解决方案，并找到了解决：

转到铬：//标志/并启用如下：

固定位置元素会创建堆叠上下文。 Mac，Windows，Linux，Chrome OS，Android 启用此选项可使所有固定位置元素创建新的CSS堆叠上下文。＃固定位置创建堆叠上下文

AND

合成为固定的位置的元件。 Mac，Windows，Linux，Chrome OS，Android 启用此选项将使固定位置元素具有其自己的合成图层。请注意，固定位置元素也必须创建堆栈上下文才能工作。＃启用-合成换固定位置。

希望这些信息对您有所帮助。

来源

2014-07-04 18:33:31

Fotorama jquery - 添加链接到幻灯片上的外部页面

回答

相关问题