Как Сделать Галерею ?
#1
Отправлено 07 Март 2016 - 12:56
#2
Отправлено 07 Март 2016 - 17:33
denet (07 Март 2016 - 12:56) писал:
Здравствуйте. Правильно ли я Вас понимаю, что необходимо в каталоге и для товаров на главной сделать эффект, как в карточке товара? Увеличение картинки при клике на нее?
#3
Отправлено 08 Март 2016 - 02:15
RedHead (07 Март 2016 - 17:33) писал:
#6
Отправлено 11 Март 2016 - 02:00
$(document).ready(function() { $(".other_item").fancybox({ openEffect : 'none', closeEffect : 'none' }); });
В редактировании страницы Наши фото нажмите Источник и вставляйте фото по примеру:
<a class="other_item" href="ссылка на картинку или фото"><img alt="" src="ссылка на картинку или фото" /></a>
#7
Отправлено 13 Март 2016 - 01:35
Vaccina (11 Март 2016 - 02:00) писал:
$(document).ready(function() { $(".other_item").fancybox({ openEffect : 'none', closeEffect : 'none' }); });
В редактировании страницы Наши фото нажмите Источник и вставляйте фото по примеру:
<a class="other_item" href="ссылка на картинку или фото"><img alt="" src="ссылка на картинку или фото" /></a>
спасибо большое
#8
Отправлено 30 Март 2016 - 20:56
Не знаю как поставить себе элемент тайтл как su-custom-gallery-slide отсюда http://vladimirskaya....ru/cveta-ldsp/ ,
т.е. чтобы при наведении мыши на маленьком изображении появился тайтл.
#9
Отправлено 31 Март 2016 - 05:03
<img alt="" title="ваш текст" src="ссылка на картинку или фото" />
#10
Отправлено 31 Март 2016 - 05:22
Vaccina (31 Март 2016 - 05:03) писал:
<img alt="" title="ваш текст" src="ссылка на картинку или фото" />
при простом же указании надпись появляется под курсором, что не очень красиво.
#11
Отправлено 31 Март 2016 - 05:53
<a class="other_item" href="http://st.storeland.net/6/1852/226/-lokarno.jpg" style="line-height: 18.2px;" title="Яблоня Локарно"> <img alt="Яблоня Локарно" src="http://st.storeland.net/8/1852/133/-lokarno-100x100.jpg" style="opacity: 0.9;" title="Яблоня Локарно"> <div>Яблоня Локарно</div> </a>
то есть убрать перенос строки <br/> и само название обрамить в теги <div></div>
В main.css добавьте:
.other_item { position: relative; } .other_item div { position: absolute !important; width: 100%; padding: 5px !important; background: rgba(0,0,0,0.5); color: #fff; top: 13px; height: 50px; display: block; left: 0; opacity: 0; right: 0; } .other_item:hover div { opacity: 1; }
#12
Отправлено 31 Март 2016 - 05:57
Vaccina (31 Март 2016 - 05:53) писал:
<a class="other_item" href="http://st.storeland.net/6/1852/226/-lokarno.jpg" style="line-height: 18.2px;" title="Яблоня Локарно"> <img alt="Яблоня Локарно" src="http://st.storeland.net/8/1852/133/-lokarno-100x100.jpg" style="opacity: 0.9;" title="Яблоня Локарно"> <div>Яблоня Локарно</div> </a>
то есть убрать перенос строки <br/> и само название обрамить в теги <div></div>
В main.css добавьте:
.other_item { position: relative; } .other_item div { position: absolute !important; width: 100%; padding: 5px !important; background: rgba(0,0,0,0.5); color: #fff; top: 13px; height: 50px; display: block; left: 0; opacity: 0; right: 0; } .other_item:hover div { opacity: 1; }
Только если после подключаешься к визуальному типу редактирования страницы, он всё ломает. Но это не беда.
Актуально для темы Город.
#13
Отправлено 08 Февраль 2017 - 00:44
Сообщение отредактировал tsar: 08 Февраль 2017 - 00:57
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных