fancybox-overlay显示两个元素

-1

我需要帮助。我试图或多或少地在一个fancybox显示一张照片，旁边的图片显示与Facebook评论社交插件。fancybox-overlay显示两个元素

中的fancybox选项的Javascript，我有一个

$(".fancybox").fancybox({ 
padding: 0, 
    modal: true, 
     helpers: { 
     thumbs : { 
        width : 50, 
        height : 50 
       }, 
     buttons: {}, 

     }, 

    afterShow: function(){ 
     var descripcion = "<div class='texto1'><p>TEXTO1</p></div>" 
     var comentarios = "<div class='texto2'><p>TEXTO2</p></div>;" 
     $('#fancybox-overlay').append(comentarios); 
     $('#fancybox-overlay').append(descripcion); 

    }, 
    nextEffect: 'fade', 
    prevEffect: 'fade' 
});

的问题是，它不会让我告诉叠加一次的两件事情，只有一个或另一个...：s是任何解决方案，因此你可以同时显示？谢谢你提前

来源

2012-10-31 berti

你有一个语法错误，预先准备的fancybox的内容...每个用分号关闭';'......第一个缺失，第二个在引号内。 – JFK

如果我清楚地了解你期望它做的事情：

afterShow: function(){ 
    var descripcion = '<div class="texto1"><p>TEXTO1</p></div>'; 
    var comentarios = '<div class="texto2"><p>TEXTO2</p></div>'; 
    $('#fancybox-overlay').append(descripcion, comentarios); 
}

来源

2012-10-31 16:30:58 Morpheus

是的，我希望同时向我展示两项任务，但我不知道为什么只有最后一项耗尽。我试过你的解决方案，我不工作，只显示两个变量 – berti

'$（'＃fancybox-overlay'）。append（descripcion + comentarios）;' – Morpheus

whit $（'＃fancybox-覆盖'）。append（descripcion + comentarios）;不起作用。它只显示最后一个变量 – berti

当心语法错误......那么你就可以创建一个包装里面插入的fancybox的新文本，让我们说

<div class='wrapText'></div>

...一些风格，正确放置

.wrapText { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 1100; 
    color : #fff; 
}

...然后定义瓦尔`descripcion`和`comentarios`时使用beforeShow回调

$(".fancybox").fancybox({ 
    beforeShow: function() { 
     var descripcion = "<div class='texto1'><p>TEXTO1</p></div>"; 
     var comentarios = "<div class='texto2'><p>TEXTO2</p></div>"; 
     $("<div class='wrapText'>" +descripcion+comentarios+ "</div>") 
     .prependTo(this.inner); 
    } 
});

SEE it working

来源

2012-10-31 18:56:29 JFK

感谢您的解决方案。我已将您的示例复制到我的代码中，以便在我的项目中对其进行测试，但不显示文本：S，但是在您的演示中是。另一方面想要指定我的意图是将每个文本插入到两个不同的css风格 – berti

@berti：你的问题是关于如何在fancybox中插入两个元素，这是在这个答案中演示的（它之间有一点点区别是不可能的，我不能这样做;）....如果你想对每个文本进行不同的样式（这不是问题的一部分），然后使用选择器'texto1'和'texto2'来设置它们自己的CSS样式。（Para mi，esta pregunta esta contestada por lo que te sugiero [aceptarla]（http://meta.stackexchange.com/a/5235）Gracias） – JFK

非常感谢，事实上问题出在CSS上，请原谅我我不知道得到一个有效的答复我应该点击棒，对不起。我是新来的论坛。我衷心感谢您的帮助，并为我的英语感到遗憾 – berti

fancybox-overlay显示两个元素

回答

相关问题