Клуб API Карт

fancybox-галерея из нескольких картинок в балуне

katerinatlt
18 марта 2012, 21:13

Здравствуйте!

Удалось подключить fancybox на картинку в балуне следующим образом:

 

<ul id="gallery">

    <li><a rel="gallery" href="/files/img/01.jpg" title="'.$a['code'].'" onclick="$.fancybox(this);return false;"><img src="/files/img/prev_01.jpg" alt="" /></a></li>

    <li><a rel="gallery" href="/files/img/02.jpg" title="'.$a['code'].'" onclick="$.fancybox(this);return false;"><img src="/files/img/prev_02.jpg" alt="" /></a></li>

</ul>

 

картинки между собой не переключаются, нужно указать атрибут rel, как это сделать через onclick не понятно

вот обычный вызов, в карте не работает:

$("a[rel=gallery]").fancybox({
                'transitionIn'        : 'fade',
                'transitionOut'        : 'none',
                'titlePosition'     : 'over',
                'titleFormat'        : function(title, currentArray, currentIndex, currentOpts) {
                    return '<span id="fancybox-title-over">' + (title.length ? ' &nbsp; ' + title : '') + '</span>';
                }
            }

7 комментариев
Подписаться на комментарии к посту

 

картинки между собой не переключаются, нужно указать атрибут rel, как это сделать через onclick не понятно :(

this.rel ?

onclick="$.fancybox(this.rel);return false;" вместо картинки выводит значение атрибута rel, т.е. gallery

надо чтоли ссылку давать

непонятно что куда и зачем вы вставляете

и что хотите получить в итоге

сайт пока локальный, вот отрывок скрипта вначале страницы:


   

 

где php-скрипт создает:

$balloonStyle .= '\'

    ';
                        $code    = str_replace(' ', '', $a['code']);
                        $address = str_replace('
    ', '', $a['address']);
                        $side    = explode(', ', $a['side']);
                        foreach ($side as $key => $value) {
    $balloonStyle .= '
  • ';
                        }
    $balloonStyle .= '
ble>\'';
Код:g>'.$a['code'].'
Стороны:'.$a['side'].'
Расположение:'.$a['address'].'

все работает кроме перелистывания картинок галереи внутри балуна.

Попробуйте при создании карты указать опцию propagateEvents: true

что-то нет.....