在燈箱中並排顯示在屏幕上的兩個圖像？

Question

任何人都可以建議一個燈箱，該燈箱在激活時會並排顯示至少兩個圖像嗎？

我的想法是使用它而不是下拉菜單。 當我的菜單上懸停了“書籍”時，我想打開一個燈箱，以顯示兩張圖片......並排放置，每個圖片都有一個鏈接，允許用戶選擇“小說”或“非小說” ”。

我意識到有些人可能會問我為什么要這樣做，而不是使用下拉菜單等更實用的解決方案。

Answer 1

我是fancyBox的粉絲，但實際上任何支持HTML內容的燈箱都可以使用。 但是，不要將img裝箱，而只需將div或帶有兩個圖像的容器裝箱（當然，您需要一些CSS才能使其看起來不錯）。

Answer 2

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

使用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
  });

});

Answer 3

我會使用支持iframe的燈箱。 建立您的頁面，踩一下它，然后離開。