|
|
Модератор форума: Yuri_G |
Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Код PROMO, добавление ссылки (Описание темы) |
Код PROMO, добавление ссылки |
Привет, не могу в этот код:
Код <div class="promo-section5"> <div class="wrapper"> <h2 class="promo-section1-title">Новинки в нашем магазине!</h2> <span class="promo-enter">Батончики, клетчатка, сладкий урбеч, спирулина, хлорелла, овсяные коктейли и многое другое!</span> <ul class="owl-slider-food owl-carousel owl-theme"> <li class="item"> <img src="https://ecodar.ucoz.net/novosti/slaidshoy/konfeta_flaks_batonchik_s_chernoslivom_obem_30_gr.png" width="100px" height=""> </li> <li class="item"> <img src="https://ecodar.ucoz.net/novosti/slaidshoy/konfeta_2_flaks_batonchik_miks_obem_30_gr.png" width="50%" height=""> </li> <li class="item"> <img src="https://ecodar.ucoz.net/novosti/slaidshoy/kletchatka_krupnaja_s_airom_obem_150_gr.png" width="100px" height=""> </li> <li class="item"> <img src="https://ecodar.ucoz.net/novosti/slaidshoy/kletchatka_krupnaja_s_krushinoj_obem_150_gr.png" width="100px" height=""> </li> <li class="item"> <img src="https://ecodar.ucoz.net/novosti/slaidshoy/abrimjod-230g-jadra_abrikosa_i_mjod-111.png" width="100px" height=""> </li> <li class="item"> <img src="https://ecodar.ucoz.net/novosti/slaidshoy/medoljon-230g-mjod_i_len-111.png" width="100px" height=""> </li> <li class="item"> <img src="https://ecodar.ucoz.net/novosti/slaidshoy/kletchatka_pshenichnaja_krupnaja_obem_150_gr.png" width="100px" height=""> </li> <li class="item"> <img src="https://ecodar.ucoz.net/novosti/slaidshoy/kletchatka_pshenichnaja_melkaja_obem_200_gr.png" width="100px" height=""> </li> <li class="item"> <img src="https://ecodar.ucoz.net/novosti/slaidshoy/spirulina_v_poroshke-100_gr..png" width="100px" height=""> </li> <li class="item"> <img src="https://ecodar.ucoz.net/novosti/slaidshoy/khlorella_v_taletkakh-150_tab..png" width="100px" height=""> </li> <li class="item"> <img src="https://ecodar.ucoz.net/novosti/slaidshoy/ovsjanoj_koktejl_c_kehrobom_300_gr..png" width="100px" height=""> </li> <li class="item"> <img src="https://ecodar.ucoz.net/novosti/slaidshoy/ovsjanoj_koktejl_s_vanilju-300_gr..png" width="100px" height=""> </li> </ul> </div> </div> к каждой картинке установить ссылку. Весь слайд рушится, а в визуальном тупо не дает ссылку затолкать. Как исправить этот момент? Добавлено (29 Авг 2021, 14:32:20) |
К каждой картинке в код добавьте:
Код <a href="тут ссылка">тут код картинки (начинается с <img src="">) </a> |
ekodar4, добрый день! Да, всё верно подсказали вам в предыдущем ответе. Чтобы при клике на картинку открывалась страница, необходимо добавить тег 'a' в элемент слайдера. То есть должно получиться:
Код <li class="item"> <a href="Ссылка_на_страницу"> <mg src="https://ecodar.ucoz.net/novosti/slaidshoy/konfeta_flaks_batonchik_s_chernoslivom_obem_30_gr.png" width="100px" height=""> </a> </li> |
ekodar4, данный тег предназначен для создания ссылок. Подробнее можете ознакомиться на странице html5book.ru/hyperlinks-in-html
|
| |||
| |||