Search the Community
Showing results for tags 'fancybox'.
-
Доброго времени суток всем, такая вот у меня смешная проблема... Не получается убрать стрелки и крестик тоже, а вот попробовал padding изменить все получилось, подскажите пожалуйста в чем причина? $container.find('a').fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 200, 'speedOut' : 200, 'overlayOpacity' : 0.6, 'arrows' : false }); если нужно какой либо еще код скажите, я все добавлю, заранее спасибо.
-
Приветствую! Может кто-нибудь уже сталкивался с такими проблемами. Есть сайт http://stroymechanika.intelinets.ru/ Модалки fancybox (заказать звонок (http://take.ms/OeqbJ), оставить заявку (http://take.ms/0dCvS)) отображаются некорректно на мобильных устройствах. Выглядят слегка растянуто, примеры: http://take.ms/3YomPG http://take.ms/BktjY Модалки работают на type: ajax Инициализируются вот так: $.fancybox({ href: url, type: "ajax", openSpeed: 0, closeSpeed: 400, openEffect: 'none', padding: 0, beforeShow: function(){ $(".fancybox-overlay").addClass("r741-opened"); if(typeof callback === "function"){ callback(); } }, beforeClose: function(){ $(".fancybox-overlay").removeClass("r741-opened"); }, tpl: { wrap: '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div><div class="r741-message" ><div class="r741-message-inner" id="r741-message"></div></div></div>' } }) Что только не делал. В том числе все стили сносил, а все равно растянутая. Если еще подскажите почему на браузерах safari overlay наполовину перекрывает модалки, то вообще отлично будет.
-
Задача : при клике на активное изображение в слайдере открывается Fancybox, который содержит это изображение. Структура html примерно следующая. "flex-active-slider" применяется динамически и обозначает активное на данный момент изображение. <ul> <li class="flex-active-slider"> <img src="img1.png"> </li> <li class=""> <img src="img2.png"> </li> <li class=""> <img src="img3.png"> </li></ul>JS: $(window).load(function() {$(".flex-active-slide").click(function() { var img = $(this).find('img'); $.fancybox.open([ { href: "img.attr('src')" } ]);});}В итоге, fancyvox вообще не открывается, т.е. никак не реагирует на клик.
-
Здравствуйте ! Нуждаюсь в помощи, опытных товарищей. При клике на любое фото (сертификатов или домов), перекидывает на блок "Наши Дома", то есть приходится крутить мышью обратно чтобы снова её открыть. Мое предположение, что это из-за конфликта .js или стоит basic href="#". Менять галерею очень не хочется . http://shure-kryg.ru/dom_za_mounth/
- 2 replies
-
- javascript
- галерея
-
(and 1 more)
Tagged with:
-
Здравствуйте! Возникли проблемы работы в Crome с галлерей и fancybox. На этом сайте: http://ndl-east.com. 1) В Crome(v.35) и Opere(v.22), причём как то через раз, не задаёт высоту у изображения и его обрамляющих блоков, так как они имеют position:absolute ниже стоящие блоки наползают на него. Повторю: иногда отрабатывает верно. 2) Так же в Chrome не срабатывает галлерея fancybox(v.2.1.5) при клике на превью отдельно открывает изображение как страницу. В голову ни чего кроме как костылей не приходит которые ни как не помогают. Firefox и IE работают адекватно. Спасибо за уделённое время!)
-
Привет. Можно ли как то поместить "превьюшки" внутрь контейнера, чтобы основная картинка и превьюшки были одним целым, а не болтались где то в самом низу. http://jsfiddle.net/npofopr/x7YqF/ Например вот так: И как можно к заголовку добавить еще строчку с Кодом? Или проще не мучаться с fancybox, а поставить какое нибудь модальное окно, и внутри него повторять слайдер, который снаружи. Нашел конечно вот такой способ http://stackoverflow.com/questions/19664688/fancybox-2-put-thumbnails-within-a-parent-div , но что то не получается прикрутить
-
Нажимая на кнопку мы вызываем фэнсибокс с формой отправки на мыло. Проблема в том, что нажали один раз, вызвало, закрыли, нажимаем второй раз(не перегружая страницу) и появляется значек закгрузки(обведено красным) и он грузиться безконечно. Как исправить? вот код вызова: <div style="padding:15px;"><a id="button7" class="fancybox" href="#contact_form_pop"><span ><center>Оформить заказ</center></span></a></div><div class="fancybox-hidden" style="display: none;"><div id="contact_form_pop"><?php echo do_shortcode( '[contact-form-7 id=371" title="Контактная форма 1]' ); ?></div></div>
-
Русифицировал плагин для wordpress (по средствам полного перевода) Русифицировал плагин для wordpress (по средствам перевода файлов с расширением .po , .mo)
- 2 replies
-
- fancybox-for-wordpress
- fancybox
-
(and 1 more)
Tagged with:
-
<script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('class', 'rlightbox'); $( ".rlightbox" ).rlightbox(); }); </script> Вот линк на то о чем я говорю - http://berezovsky.org.ua/wptvk/ Сайт пашет на вордпрессе, этот код я дернул из плагина fancybox он насколько я понимаю автоматом добавляет к изображениям класс - rlightbox в моем случае. То есть раньше там был другой класс собсно фансибокса, этот класс .rlightbox нужен в моей карусели (шоб она горела синим пламенем). Все работает нормально) изображения открываются во всплывающем окне, но почему-то нет перехода от одного изображения к следующему (даже если я вставил галерею..) Конечно в плагине FancyBox есть переход от одного изображения к другому... но он падла нарушает мою карусель) Может как-то можно исправить этот код который добавляет класс? или я туплю и дело вовсе не в нем? :-) Благодарю за помощь...