Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Картинки в lightbox (https://javascript.ru/forum/dom-window/52006-kartinki-v-lightbox.html)

Alfer 30.11.2014 03:44

Картинки в lightbox
 
Здравствуйте господа! у меня возникла проблема, надо в lightbox отображать 2 картинки вместо одной, мастера подскажите как сделать такое? в примерах везде по одной выводит

Пасибки

danik.js 30.11.2014 04:57

В fancybox точно можно: можно создать элемент <div> , создать две картинки и вложить в него, и передать фэнсибоксу на отображение - он принимает ссылку на DOM-элемент.

Alfer 30.11.2014 16:53

а можно примерчик по возможности? а то не нахожу в фансибок ничего подобного. Спасибо

danik.js 30.11.2014 17:03

var $content = $('<div/>', {text: 'abc'});
$.fancybox.open({type: 'inline', content: $content });

Alfer 04.12.2014 21:57

danik.js я как не пытался сделать подобное, не выходит, можно ли пример если время есть? т.е. надо в фансибокс выводить 2 картинки расположенные рядом

рони 04.12.2014 22:36

Alfer,
пример того что хотите показать, код?

danik.js 05.12.2014 00:24

<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.5" />

<button>Открыть</button>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script>
(function($){
$('button').click(function() {

var html = '<img src="http://javascript.ru/forum/images/smilies/dance3.gif"> <img src="http://javascript.ru/forum/images/smilies/dance3.gif">';

var $content = $('<div/>', {html: html});
$.fancybox.open({type: 'inline', content: $content });

});

})(jQuery);
</script>


Чет не работает тут. Скопируй в файл - должно заработать.

Valeriy 21.12.2014 01:13

очень странное решение если честно, а если допустим надо выводить несколько таких кнопок, то к каждой циклом выводить и свой скрипт? - помоему это глупо

danik.js 21.12.2014 14:49

Цитата:

Сообщение от Valeriy
помоему это глупо

Умное решение в студию!


Часовой пояс GMT +3, время: 14:32.