Увеличение Изображения Без Перехода
#1
Отправлено 07 Октябрь 2014 - 01:24
Аккаунт sl-203796.
#2
Отправлено 07 Октябрь 2014 - 01:49
<div class="other_item"> все содержимое вашей страницы </div>и в самом конце добавьте:
$(document).ready(function() { $(".other_item img").fancybox({ maxWidth : 400, maxHeight : 330, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none'});});
#3
Отправлено 07 Октябрь 2014 - 11:34
#4
Отправлено 08 Октябрь 2014 - 00:12
#5
Отправлено 08 Октябрь 2014 - 01:41
#7
Отправлено 08 Октябрь 2014 - 15:48
#8
Отправлено 08 Октябрь 2014 - 16:53
#9
Отправлено 08 Октябрь 2014 - 22:22
#10
Отправлено 09 Октябрь 2014 - 09:14
arver (08 Октябрь 2014 - 22:22) писал:
$(document).ready(function() { $(".other_item img").fancybox({ maxWidth : 400, maxHeight : 330, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none'});});
#11
Отправлено 09 Октябрь 2014 - 21:49
#12
Отправлено 09 Октябрь 2014 - 22:59
#13
Отправлено 10 Октябрь 2014 - 00:15
.fancybox-overlay { z-index: 99999; }
На счет увеличения изображения, необходимо сменить структуру, пример, было:
<div class="other_item"><img alt="" src="cсылка" style="width: 100px;" /></div>стало:
<div class="other_item"> <a href="ссылка на изображение"><img alt="" src="ссылка на изображение" style="width: 100px;" /></a></div>
и:
$(document).ready(function() { $(".other_item img").fancybox({ maxWidth : 400, maxHeight : 330, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none'});});меняем на:
<script> $(document).ready(function() { $(".other_item a").fancybox({ fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none'});}); </script>
#14
Отправлено 10 Октябрь 2014 - 01:53
#15
Отправлено 10 Октябрь 2014 - 01:56
#16
Отправлено 10 Октябрь 2014 - 02:07
трудности возникли с
Vaccina (10 Октябрь 2014 - 00:15) писал:
<div class="other_item"><img alt="" src="cсылка" style="width: 100px;" /></div>стало:
<div class="other_item"> <a href="ссылка на изображение"><img alt="" src="ссылка на изображение" style="width: 100px;" /></a></div>
#17
Отправлено 10 Октябрь 2014 - 02:14
<div class="other_item"><a href="http://st.hozbe.ru/8...668/1.jpg"><img alt="" src="http://st.hozbe.ru/8...1380/668/1.jpg" style="width: 100px;" /></a></div>
всплывающего окна нет....потому что осуществляется переход на страницу http://st.hozbe.ru/8/1380/668/1.jpg
#18
Отправлено 10 Октябрь 2014 - 02:49
<script> $(document).ready(function() { $(".other_item a").fancybox({ fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none'});}); </script>
Этот код случайно не потеряли? если его вставляли в main.js, то надо убрать теги <script></script>
#19
Отправлено 21 Апрель 2015 - 07:23
Пытался применить вышеописанные инструкции (пост №2) ни чего не получилось (2 код добавил в main.js)
Пытался сделать для страницы http://santechbomba.ru/page/TEST
Нужно чтобы:
1) Фото открывалось полностью
2) Была возможность закрыть фото (всё как в карточке товара)
#20
Отправлено 22 Апрель 2015 - 13:42
Cybernetic (21 Апрель 2015 - 07:23) писал:
Пытался применить вышеописанные инструкции (пост №2) ни чего не получилось (2 код добавил в main.js)
Пытался сделать для страницы http://santechbomba.ru/page/TEST
Нужно чтобы:
1) Фото открывалось полностью
2) Была возможность закрыть фото (всё как в карточке товара)
Присоединяюсь к вышесказанному!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных