Сообщения без ответов | Активные темы Текущее время: 09 сен 2026, 03:23



Ответить на тему  [ Сообщений: 4 ] 
Помогите допилить новый , более продвинутый слайдер[РЕШЕНО] 
Автор Сообщение
Аватара пользователя

Зарегистрирован: 09 янв 2015, 23:07
Сообщения: 84
Аватара пользователя

Я не программист, вот и не хватает знаний, чтоб допилить. Надеюсь, что поможете. 95% сделано, последние 5% с...ка так и не додумал я до конца. :cry: :shock:
Нашел на гитхабе один прикольный слайд.
Решил установить вместо старого. Вроде бы все получилось, появилось 3 картинки объявления, при нажатии на любую из них, появляется слайдшоу.
https://image.prntscr.com/image/cZtjSjD ... emKnAQ.png Изображение. В общем, в новом слайде нет главной фотки с перелистыванием (со стрелками), а просто три маленькие картинки https://image.prntscr.com/image/f1Wplyi ... p4YPfg.png Изображение.
Хочется, чтоб расположение маленьких фото и большой было как на старом слайде неизменно https://image.prntscr.com/image/tBO5jqe ... GIgAYQ.png Изображение, так же перелистовка стрелками чтоб осталась, но при нажатии на главную (большую фотку), появлялся слайдшоу которое как у нового слайда ,
а не как у старого https://image.prntscr.com/image/nxKyDQk ... r4AkAA.png Изображение


Вот фрагмент старого слайда :
<div class="img-slider-box">
<div class="slider-left">
<ul class="bxslider">
{%foreach from=$message.fields.i item='image'%}
<li><a class="popup-gallery" title="{%$message.title%}" href="{%$settings.path%}uploads/images/tb/{%$image.value%}"><img src="{%$settings.path%}uploads/images/tb/{%$image.value%}" alt="{%$message.title%}"/></a></li>
{%/foreach%}
</ul>
</div>
{%if $message.fields.i|@count > 1%}
<div id="bx-pager" class="scrollbar">
{%foreach from=$message.fields.i item='image' name='thimages'%}
<a class="thumb-item-link" data-slide-index="{%$smarty.foreach.thimages.index%}" href="">
<img src="{%$settings.path%}uploads/images/ts/{%$image.value%}" alt="img"/>
</a>
{%/foreach%}
</div>
{%/if%}
</div>

</div>
{%/if%}





Вот фрагмент нового кода слайда Без главной фотки:
<div class="mu-gallery">
<ul id="lightgallery" class="list-unstyled row">
{%foreach from=$message.fields.i item='image' name='thimages'%}
<li class="col-xs-6 col-sm-4 col-md-3" data-responsive="{%$settings.path%}uploads/images/ts/{%$image.value%}, {%$settings.path%}uploads/images/tb/{%$image.value%} 480, {%$settings.path%}uploads/images/tb/{%$image.value%} 800" data-src="{%$settings.path%}uploads/images/tb/{%$image.value%}" data-sub-html="<h4>Fading Light</h4><p>Classic view from Rigwood Jetty on Coniston Water an old archive shot similar to an old post but a little later on.</p>" data-pinterest-text="Pin it1" data-tweet-text="share on twitter 1">
<a class="thumb-item-link" data-slide-index="{%$smarty.foreach.thimages.index%}" href="">
<img class="img-responsive" src="{%$settings.path%}uploads/images/ts/{%$image.value%}" alt="Photo-1">
</a>
</li>

{%/foreach%}

</div>


Если хотите посмотреть, то заходите на сайт http://объявления-в-тольятти.рф и выберите оформление eco2. Расположение нового слайда, точнее картинки, находится на странице с объявлением в конце, перед "похожие объявления".


Как их скомпилировать, чтоб старая галерея функционировала и выглядела так же, но при нажатии на главную фотку, открывался слайд новый с черным фоном???


Последний раз редактировалось zZZZ 04 дек 2017, 23:51, всего редактировалось 1 раз.



04 дек 2017, 10:37
Профиль
Аватара пользователя

Зарегистрирован: 09 янв 2015, 23:07
Сообщения: 84
Аватара пользователя

:shock: :shock: :shock: :D :D :D :D :D :D :D :D :D :D ЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕ...
Я это сделал. Сам допилил.ЕЕЕЕЕ
Осталось в нормальный вид привести)) , сегодня доделаю полюбому. :D
Кого заинтересует данный мод, пишите в личку


04 дек 2017, 23:47
Профиль
Аватара пользователя

Зарегистрирован: 09 янв 2015, 23:07
Сообщения: 84
Аватара пользователя

В общем ту галерею, которую "запилил" была хороша, но при раскрытии фото на весь экран в слайде добавлялись еще 2 фотки. Получалось, что по факту допустим 3 фото, а в слайде 5, 2 из них повторяшки. Еше, когда открывался слайд на весь экран, то начало показа слайда было не с первой фотки а со второй или с третий( В общем долго пытался исправить все, но из за отсутствия знаний не получилось.
По этому решил сменить в очередной раз фото галерею. Получилось вот так...довольно хорошо получилось и все хорошо функционирует. :D если кому нужен такой слайдер, обращайтесь
Изображение

А ЭТО В РАСКРЫТОМ ВИДЕ. ЧТО МНЕ НРАВИТСЯ, ТАК ЭТО ТО, ЧТО МОЖНО НАЖИМАТЬ НА МЕЛКИЕ ФОТКИ, А НЕ НА СТРЕЛКИ ПО БОКАМ. УДОБНО :D :P

Изображение


Последний раз редактировалось zZZZ 20 дек 2017, 16:21, всего редактировалось 1 раз.



19 дек 2017, 16:21
Профиль
Аватара пользователя

Зарегистрирован: 09 янв 2015, 23:07
Сообщения: 84
Аватара пользователя

Запилил так, чтоб в слайдшоу было еще и видео объявления :D :D :D :D пример тут http://xn-----9kcebqvdvfrhj9cca7jzb6bfh.xn--p1ai/messages/1-Metalloiskatel-v-Tolyatti-na-prokat-Arenda.html
Изображение


Последний раз редактировалось zZZZ 19 дек 2017, 23:21, всего редактировалось 1 раз.



19 дек 2017, 18:02
Профиль
Показать сообщения за:  Поле сортировки  
Ответить на тему   [ Сообщений: 4 ] 

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 3


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
cron