屏幕上并排显示两个图像，位于灯箱中？

Question

谁能建议一个灯箱，在激活时可以并排显示至少两个图像？

我的想法是使用它而不是下拉菜单。当“书籍”悬停在我的菜单上时，我想打开一个灯箱，显示两个图像......并排，每个图像都有一个链接，允许用户选择“小说”或“非小说” ”。

我意识到有些人可能会问我为什么要这样做而不是使用像下拉菜单这样更实用的解决方案。

Answer 1

我是 fancyBox 的粉丝，但实际上任何支持 HTML 内容的灯箱都可以使用。然而，不用装箱 img，而是只需装箱 div 或一些包含两个图像的容器（当然，您需要一些 CSS 来使其看起来不错）。

Answer 2

我会使用支持 Iframe 的灯箱。构建您的页面，对其进行设计，然后就可以开始了。

Answer 3

除了前面提供的答案之外，我发现以下答案很有用：

两页视图jQuery.fancyBox

问题已按照此处的建议解决，但是具体的 代码给出了示例。

$('#start-photo-book').on('click', function() {
  var book = [];

  $.each( $("#photo-book").children(), function( key, value ) {
    book.push({
      content : $( value ).clone(), 
      type    : 'html'
    })
  });

  $.fancybox.open( book, {
    loop : false,
    smallBtn : false
  });

});