Добро пожаловать в наше сообщество!
skripters.net - небольшой форум для вэб-мастеров на котором вам предоставляется широкий выбор скриптов, плагинов, стилей и много чего еще для запуска собственного проекта: интернет-магазина, форума, корпоративного сайта, продающего лендинга. Здесь вы найдете много решений по заработку в интернет. Сможете продать или купить нужное вам решение для старта своего веб-проекта. Опытные пользователи проконсультируют вас если вы вначале пути, подскажут как лучше, помогут в установке и настройке.
После регистрации проверьте папку SPAM в своей почте

Помощь Как сделать открытие фотки в полный размер?

ZveeeeR

Premium+
Регист
18 Фев 2017
Сообщения
37
Реакции
14
Вопрос заключается в том что, имеется шаблон, в нем красиво сделан вывод трейлеров, хочу переделать под картинки, что бы при нажатии на краткую новость открывалась полная картинка.


Часть кода в main.tpl


Код:
<section class="layout">
                   <div class="row">
                       <div class="col-md-12">
                           <header class="header-title fx-row fx-middle">
                               <h2 class="title red">Трейлеры</h2> <span> <a href="/podborki/" class="see-all">Еще Трейлеры</a></span> </header>
                           <div class="movies-colections">
                               <ul class="latest-trailers"> {custom category="12" limit="8" template="modules/trailers" navigation="no" cache="no"} </ul>
                           </div>
                       </div>
                   </div>
</section>


вот вторая часть кода из modules/trailers


Код:
<li>
   <a class="showTrailer" title="Смотреть трейлер {title}" data-src="{full-link}">
       <div class="img img-fit">
           <img data-src="[xfvalue_image_url_poster]" src="[xfvalue_image_url_poster]" alt="{title}" class="imgloaded">
       </div>
       <div class="title">{title}</div>
       <small class="desktop-only">Сезон 1</small>
   </a>
</li>

А вот так это все выглядит на сайте

Screenshot_2.png
а так выглядит при нажатии на пост

Screenshot.png
 

DENISSISS2

Пользователь
Регист
13 Апр 2021
Сообщения
6
Реакции
8
Чтобы помочь нужны css стили из шаблона, как минимум.
Полная картинка может выглядеть ошибочно из-за конфликта стилей шаблона.
 
Сверху