Два изображения, показанные на экране рядом друг с другом в лайтбоксе?

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

Я бы использовал лайтбокс, поддерживающий Iframes. Создай свою страницу, постарайся и уходи.