Использование альтернативного скрипта галереи изображений в карточке объекта.

[MeTaN 1]

Добрый день, посоветуйте если есть у кого опыт использования альтернативной галереи в шаблоне карточки обьекта realia.

Та что присутствует в шаблоне не устраивает по некоторым критериям, основной это неудобства пользования с мобильных устройств, листать картинки объекта практически невозможно,  так как листаются они только при клике на одном из изображений и становятся размером ещё меньше чем на станице

может у кого-то есть опыт по использованию другого скрипта галереи. Чтобы фото листались примерно как на авито, движением пальцев или по стрелочкам без увеличения в лайтбокс.

[Realtor 47]

fotorama пробовали? 

[TopRaN 235]

2 часа назад, MeTaN сказал:

может у кого-то есть опыт по использованию другого скрипта галереи. Чтобы фото листались примерно как на авито, движением пальцев или по стрелочкам без увеличения в лайтбокс.

Любая другая галерея

[MeTaN 1]

2 часа назад, Realtor сказал:

fotorama пробовали? 

нет, но спасибо за подсказку попробую, выглядит вроди ничего так, сегодня уже штуки три попробовал glide , UniteGallery, flickity у всех либо проблемы с конфликтом jQuery, либо вообще ошибок нет, но ничего не работает, либо работает в десктоной версии, на мобильном ералаш какой-то.

Вообще всех что устраивает тот слайдер что есть в стандарте realia? или может его как-то подстроить можно, ну в мобильной версии им же пользоваться жудко неудобно. Есть у кого живые примеры внедрения на своих проектах чего-то другого?

[MeTaN 1]

1 час назад, TopRaN сказал:

Любая другая галерея 

Вы в своём проекте какую галерею использовали?

[MeTaN 1]

Пробовал даже адаптировать для карточки объекта тот слайдер который в шаблоне на центральной странице используется iosSlider, там проблемы были с высотой блока, он просто схлопывался с height:0 потом решил это, в общем не нашёл я нормально работающего, или не смог настроить.

 

[Realtor 47]

пробуйте в десктопе и в мобиле отлично все показывает

[MeTaN 1]

В 02.08.2018 в 18:54, Realtor сказал:

пробуйте в десктопе и в мобиле отлично все показывает 

Спасибо, действительно работает хорошо. Надо ещё почитать на сайте разработчика, может вместо точек маленькие превьюшки можно будет сделать.

[MeTaN 1]

Нашёл как вместо нижних точек сделать превьюшки фото. Вот код:

{if $photo|count>0}
	<div class="fotorama" data-nav="thumbs">
		<img src="{$estate_folder}/img/data/{$photo[0].normal}">
 			{section name=j loop=$photo}
 				{if $smarty.section.j.index > 0}
			 		<a href='{$estate_folder}/img/data/{$photo[j].normal}'><img src="{$estate_folder}/img/data/{$photo[j].preview}"></a>
				{/if}
			{/section}
	</div>
{/if}

 

[MeTaN 1]

В 04.08.2018 в 11:49, MeTaN сказал:

Нашёл как вместо нижних точек сделать превьюшки фото. Вот код:

{if $photo|count>0}
	<div class="fotorama" data-nav="thumbs">
		<img src="{$estate_folder}/img/data/{$photo[0].normal}">
 			{section name=j loop=$photo}
 				{if $smarty.section.j.index > 0}
			 		<a href='{$estate_folder}/img/data/{$photo[j].normal}'><img src="{$estate_folder}/img/data/{$photo[j].preview}"></a>
				{/if}
			{/section}
	</div>
{/if}

 

делаю поправку в коде для, в блоке

<a href='{$estate_folder}/img/data/{$photo[j].normal}'><img src="{$estate_folder}/img/data/{$photo[j].preview}"></a>

надо вот на такое поправить

<a href='{$estate_folder}/img/data/{$photo[j].normal}'><img src="{$estate_folder}/img/data/{$photo[j].normal}"></a>

сделать img тоже .normal ибо превьюшки почему-то вместо normal при детальном просмотре отображаются.