lexter Опубликовано 2 февраля, 2014 Жалоба Поделиться Опубликовано 2 февраля, 2014 Доброй ночи . подскажите как правильно подключить FancyBox в блоге чтоб все загруженные в статью картинки зумились?? Ет я подключил ,... {literal} <script> $(function() { // Зум картинок $("a.zoom").fancybox({ 'hideOnContentClick' : true }); }); </script> {/literal} но после долгого мозго ламания на этом все ))) Цитата Ссылка на сообщение Поделиться на другие сайты
lexter Опубликовано 2 февраля, 2014 Автор Жалоба Поделиться Опубликовано 2 февраля, 2014 Добавляю к каждой ссылке клас a.zoom но это как по мне не правльно... можно както автоматизировать процесс? Цитата Ссылка на сообщение Поделиться на другие сайты
Noxter Опубликовано 2 февраля, 2014 Жалоба Поделиться Опубликовано 2 февраля, 2014 Добавляю к каждой ссылке клас a.zoom но это как по мне не правльно... можно както автоматизировать процесс?Как один из вариантов можно воспользоваться регулярным выражением в PHP и перед тем как отправить описание на сервер проверять его и заменять все найденные <a><img... на нужные для вас. Цитата Ссылка на сообщение Поделиться на другие сайты
lexter Опубликовано 2 февраля, 2014 Автор Жалоба Поделиться Опубликовано 2 февраля, 2014 Ух пора открывать книгу по PHP ^)) Цитата Ссылка на сообщение Поделиться на другие сайты
chocolate_moles Опубликовано 3 февраля, 2014 Жалоба Поделиться Опубликовано 3 февраля, 2014 <script> $(function() { // Зум картинок $("#content a img").parent().fancybox({ 'hideOnContentClick' : true }); }); </script> Цитата Ссылка на сообщение Поделиться на другие сайты
Noxter Опубликовано 3 февраля, 2014 Жалоба Поделиться Опубликовано 3 февраля, 2014 <script> $(function() { // Зум картинок $("#content a img").parent().fancybox({ 'hideOnContentClick' : true }); }); </script> Тогда все картинки которые в ссылках контента будут открываться через фенсибокс.Нужно именно в блоге. Цитата Ссылка на сообщение Поделиться на другие сайты
chocolate_moles Опубликовано 3 февраля, 2014 Жалоба Поделиться Опубликовано 3 февраля, 2014 Тогда все картинки которые в ссылках контента будут открываться через фенсибокс.Нужно именно в блоге. Закинуть код в post.tpl? Цитата Ссылка на сообщение Поделиться на другие сайты
Noxter Опубликовано 3 февраля, 2014 Жалоба Поделиться Опубликовано 3 февраля, 2014 Закинуть код в post.tpl?Совершенно верно и нужно было это указать постом выше. Цитата Ссылка на сообщение Поделиться на другие сайты
lexter Опубликовано 3 февраля, 2014 Автор Жалоба Поделиться Опубликовано 3 февраля, 2014 <script> $(function() { // Зум картинок $("#content a img").parent().fancybox({ 'hideOnContentClick' : true }); }); </script> К сожалению почему то не сработало , попытался даже взять отдельно в див но тоже не помогло {* Страница отдельной записи блога *} <!-- Заголовок /--> <h1 data-post="{$post->id}">{$post->name|escape}</h1> <div class="content"> <!-- Тело поста /--> {$post->text} </div> {literal} <script> $(function() { // Зум картинок $("#content a img").parent().fancybox({ 'hideOnContentClick' : true }); }); </script>{/literal} Цитата Ссылка на сообщение Поделиться на другие сайты
Noxter Опубликовано 3 февраля, 2014 Жалоба Поделиться Опубликовано 3 февраля, 2014 К сожалению почему то не сработало , попытался даже взять отдельно в див но тоже не помоглоА у Вас случайно не 2 блока с классом content? Попробуйте переименовать в другой класс, ну и в скрипте поправьте название. Цитата Ссылка на сообщение Поделиться на другие сайты
chocolate_moles Опубликовано 3 февраля, 2014 Жалоба Поделиться Опубликовано 3 февраля, 2014 К сожалению почему то не сработало , попытался даже взять отдельно в див но тоже не помогло в вашем случае замените # на точку, оставив div на месте # для id, точка для класса. Цитата Ссылка на сообщение Поделиться на другие сайты
lexter Опубликовано 3 февраля, 2014 Автор Жалоба Поделиться Опубликовано 3 февраля, 2014 в вашем случае замените # на точкуДА спасибо большое с точкой сработало! Простите за наглость , но может вы знаете как больше автоматизировать этот процесс? Было , добавить фото -> взять в ссылку ->ссылаться на это же изображение -> добавить класСтало , добавить фото -> взять в ссылку -> ссылаться на это же изображение Хотелось добиться только первого пункта )) Простите за наглость ! ) Цитата Ссылка на сообщение Поделиться на другие сайты
chocolate_moles Опубликовано 3 февраля, 2014 Жалоба Поделиться Опубликовано 3 февраля, 2014 Хотелось добиться только первого пункта )) Простите за наглость ! )Тоесть вы хотите просто добавлять фото, без ссылки, и чтобы оно увеличивалось при клики на нем? Цитата Ссылка на сообщение Поделиться на другие сайты
lexter Опубликовано 3 февраля, 2014 Автор Жалоба Поделиться Опубликовано 3 февраля, 2014 Тоесть вы хотите просто добавлять фото, без ссылки, и чтобы оно увеличивалось при клики на нем?да ))) именно ) Цитата Ссылка на сообщение Поделиться на другие сайты
Решение chocolate_moles Опубликовано 3 февраля, 2014 Решение Жалоба Поделиться Опубликовано 3 февраля, 2014 да ))) именно ) <script> $(".content img").each(function(){ $(this).fancybox({ href : $(this).attr('src') }); }); </script> Цитата Ссылка на сообщение Поделиться на другие сайты
lexter Опубликовано 3 февраля, 2014 Автор Жалоба Поделиться Опубликовано 3 февраля, 2014 <script> $(".content img").each(function(){ $(this).fancybox({ href : $(this).attr('src') }); }); </script> Гениально спасибо бальшое !!!!!!!!!!!! Цитата Ссылка на сообщение Поделиться на другие сайты
eXtatic Опубликовано 13 февраля, 2014 Жалоба Поделиться Опубликовано 13 февраля, 2014 Вставил данный скрипт в post.tpl.Не работает <script> $(".content img").each(function(){ $(this).fancybox({ href : $(this).attr('src') }); }); </script> Может картинку как то не так добавил? Цитата Ссылка на сообщение Поделиться на другие сайты
chocolate_moles Опубликовано 13 февраля, 2014 Жалоба Поделиться Опубликовано 13 февраля, 2014 Может картинку как то не так добавил?Картинка должна находиться в блоке <div class="content"> ... </div> Цитата Ссылка на сообщение Поделиться на другие сайты
lexter Опубликовано 19 февраля, 2014 Автор Жалоба Поделиться Опубликовано 19 февраля, 2014 Картинка должна находиться в блоке <div class="content"> ... </div>Может поможете в продолжение темы и с этими вопросами ? http://forum.simplacms.ru/topic/6768-%D0%B7%D0%B0%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B0-%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F-%D0%B2-%D0%B1%D0%BB%D0%BE%D0%B3%D0%B5/ Цитата Ссылка на сообщение Поделиться на другие сайты
lexter Опубликовано 19 февраля, 2014 Автор Жалоба Поделиться Опубликовано 19 февраля, 2014 чтобы картинки листались <script> $(".content img").each(function(){ $(this).wrap("<a class='fancybox' data-rel='gallery'></a>") .parent().attr('href', $(this).attr('src') ); }); $('.fancybox').fancybox({ openEffect : 'none', closeEffect : 'none' }); </script> спасибо chocolate_moles !!!!!!!! Цитата Ссылка на сообщение Поделиться на другие сайты
baradetsky Опубликовано 23 февраля, 2014 Жалоба Поделиться Опубликовано 23 февраля, 2014 Круто! Спасибо Кирилл! Что нужно!!! Цитата Ссылка на сообщение Поделиться на другие сайты
Darkmaster Опубликовано 10 декабря, 2015 Жалоба Поделиться Опубликовано 10 декабря, 2015 (изменено) <script> $(".content img").each(function(){ $(this).fancybox({ href : $(this).attr('src') }); }); </script> Ребят, а куда это вставлять ? Или вместо чего? Пытался разными способами решить проблему, не удалось... У меня на сайте при клике на картинку - она не увеличивается, а открывается в этом же окне в полном объеме.То есть клиенту придется нажимать в браузере кнопку назад каждый раз, когда он будет кликать на одну из картинок. Он просто уйдет... Так выглядит мой код в product.tpl {literal} <script> $(function() { $("#features li:even").addClass('even'); $("a.zoom").fancybox({ 'hideOnContentClick' : true }); $('select[name=variant]').change(function() { price = $(this).find('option:selected').attr('price'); compare_price = ''; if(typeof $(this).find('option:selected').attr('compare_price') == 'string') compare_price = $(this).find('option:selected').attr('compare_price'); $(this).find('option:selected').attr('compare_price'); $(this).closest('form').find('span').html(price); $(this).closest('form').find('strike').html(compare_price); return false; }); }); </script> {/literal} Нужно ли что-то добавлять в post.tpl ? Изменено 10 декабря, 2015 пользователем Darkmaster Цитата Ссылка на сообщение Поделиться на другие сайты
mishanya Опубликовано 10 декабря, 2015 Жалоба Поделиться Опубликовано 10 декабря, 2015 (изменено) Ребят, а куда это вставлять ? Или вместо чего? Пытался разными способами решить проблему, не удалось... У меня на сайте при клике на картинку - она не увеличивается, а открывается в этом же окне в полном объеме.То есть клиенту придется нажимать в браузере кнопку назад каждый раз, когда он будет кликать на одну из картинок. Он просто уйдет... Так выглядит мой код в product.tpl ... Нужно ли что-то добавлять в post.tpl ? вы определитесь, вы вставляете в product.tpl или в post.tpl? у вас подключен фансибокс? <script type="text/javascript" src="js/fancybox/jquery.fancybox.pack.js"></script> <link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" /> это должно быть перед <script> в коде вашем Изменено 10 декабря, 2015 пользователем mishanya Цитата Ссылка на сообщение Поделиться на другие сайты
Darkmaster Опубликовано 10 декабря, 2015 Жалоба Поделиться Опубликовано 10 декабря, 2015 (изменено) вы определитесь, вы вставляете в product.tpl или в post.tpl? у вас подключен фансибокс? <script type="text/javascript" src="js/fancybox/jquery.fancybox.pack.js"></script> <link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" /> это должно быть перед <script> в коде вашем я просто почитал в этой теме, что люди пишут что нужно еще добавлять какойто код в post.tpl Помогло! Спасибо большое, Mishanya !!! Изменено 10 декабря, 2015 пользователем Darkmaster Цитата Ссылка на сообщение Поделиться на другие сайты
mishanya Опубликовано 10 декабря, 2015 Жалоба Поделиться Опубликовано 10 декабря, 2015 я просто почитал в этой теме, что люди пишут что нужно еще добавлять какойто код в post.tpl Помогло! Спасибо большое, Mishanya !!! это в post.tpl для записей блога нужно. а у вас я так понял не работало в товаре просто Цитата Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.