屏幕上并排显示两个图像在灯箱中？

Question

任何人都可以建议一个灯箱，激活时会并排显示至少两个图像？

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

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

Answer 1

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

Answer 2

我会使用支持iframe的灯箱。建立您的页面，构建它，然后离开。

Answer 3

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

Two-page view with jQuery.fancyBox

这里提出的问题得到解决，但是给出了具体的code example。

$('#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
  });

});