Javascript 两个图像并排显示在屏幕上,在灯箱中?

Javascript 两个图像并排显示在屏幕上,在灯箱中?,javascript,jquery,lightbox,Javascript,Jquery,Lightbox,有人能推荐一个灯箱,当它被激活时,它至少会并排显示两个图像吗 我的想法是用这个代替下拉菜单。当书籍在我的菜单上悬停时,我希望打开一个灯箱,显示两个并排的图像,每个图像都有一个链接,允许用户选择小说或非小说 我意识到有些人可能会问我为什么要这样做,而不是使用更实用的解决方案,如下拉菜单。我是一个爱好者,但实际上任何支持HTML内容的lightbox都可以工作。但是,不要装箱一个img,只装箱一个div或一个包含两个图像的容器,当然,你需要一些CSS来使它看起来漂亮。我会使用一个支持iframe的灯

有人能推荐一个灯箱,当它被激活时,它至少会并排显示两个图像吗

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


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

我是一个爱好者,但实际上任何支持HTML内容的lightbox都可以工作。但是,不要装箱一个img,只装箱一个div或一个包含两个图像的容器,当然,你需要一些CSS来使它看起来漂亮。

我会使用一个支持iframe的灯箱。创建您的页面,然后继续。除了前面提供的答案之外,我发现以下答案很有用:

问题已按此处提出的方法解决,但给出了具体的解决方案

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

});

我决定用彩盒。非常好的一个,允许所有类型的内容,并预先配备了伟大的css。