[英]FancyBox out of IFRAME callback
我从IFRAME调用fancybox并将其显示在IFRAME之外-它可以工作。 但是我对回调函数有问题。 [我正在使用FanxyBox 2]
我想使用回调函数修改Prev / Next按钮的不透明度和悬停行为,但是它什么也没做。
iframe演示[点击图片]: http : //keramika.dtech.sk/Keramika/Svietidla_Lampy.html
我已经在此“非IFRAME”演示中实现了正确的行为: http : //keramika.dtech.sk/test.html
据我了解,回调函数是从“父”角度运行的,因此调用$(“。fancybox-prev”)是正确的(并非超出范围)。
回调“ afterShow”:
'afterShow': function(){
$(".fancybox-prev").css({"opacity": 0.1, "left":"-20px"});
$(".fancybox-prev").hover(function(){
$(this).css({"opacity": 0.6}); },
function(){ $(this).css({"opacity": 0.1});
});
这是更大的代码部分:
$(document).ready(function() {
$('#launcher').click(function(e){
e.preventDefault();
parent.jQuery.fancybox( [
{href:'/Keramika/Media/lampy/800x600/luci_obr2.jpg', title: '01'},
{href:'/Keramika/Media/lampy/800x600/luci_obr3.jpg', title: '02'},
{href:'/Keramika/Media/lampy/800x600/luci_obr4.jpg', title: '03'}
],
{
'afterShow': function(){
$(".fancybox-prev").css({"opacity": 0.1, "left":"-20px"});
$(".fancybox-prev").hover(function(){
$(this).css({"opacity": 0.6}); },
function(){ $(this).css({"opacity": 0.1});
});
...
我建议使用CSS进行样式设置-http: //jsfiddle.net/rNM8Z/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.