是否可以使用jQuery slimbox2来显示带有文本而不是图像的div ?

Question

嗨，我试图得到一些文本内容显示在一个模态/灯箱类型的窗口时，点击链接。我选择了slimbox2，因为它很轻，但它似乎只用于显示图像和图片库。

当点击链接时，是否有办法让它显示Div ?或者有人可以推荐一个插件，将做什么我需要?

谢谢所有的

下面是我的代码:

<>之前Var sidetwo = $('div.side2');Var fliplink = $('a.flip');fliplinks。每个(函数(索引，对象){(美元).click(函数(){$ (sidetwos[指数]).fancybox ();});});

Answer 1

好吧，没有人可能会选择这个，所以我将发布我的解决方案…

我决定使用FancyBox jQuery插件(正如我在评论中提到的)，它使事情变得容易得多!

我有一系列的"名片"类型div显示一个标志和一些联系方式与更多信息的链接。该链接附加到fancybox js调用，信息div使用rel=画廊参考分组，允许在它们之间导航，而无需打开和关闭每个模态框!

HTML:

<a href="#offerDescription-$id" class="flip" rel="offer-description">Show Details &raquo;</a>
<div id="offerDescription-$id" class="lightbox">
    <img class="offerlogo" src="http://www.everyone-benefits.co.uk/images/logos/$logo.jpg" />
    <h2>$Title</h2>
    <p class="description">$Text</p>
</div>

Javascript:

<>之前$(function() {//jQuery 'domready'简写$ (' a.flip [rel = offer-description]) .fancybox ();});之前

没有居高临下的意思:

请注意，HTML部分使用的$符号只是暗示信息来自PHP，而不代表实际的PHP代码!