В FancyBox 3 не работают стрелки навигации между картинками. Как исправить?

Question

[veavv]

Подскажите что можно сделать, чтобы отображались стрелки между картинками. Ничего не помогает. Невозможно пролистать изображения на сайте http://вв-бережок.рф/list-535-94.html

Answer 1

[Андрей Б.]

Зачем так?
Можно ведь проще
Просто укажите атрибут data-fancybox="gallery" и он сам поймет что это галлерея. А все это полотно можете смело удалять.

Comments

[veavv]

Подскажите поподробнее, что мне прописать надо. Я никогда не занимался этим. Перенесли сайт на новый хостинг, а опыта и навыков нет вообще. Заранее благодарю!

[Андрей Б.]

veavv Для начала взгляните на документацию
Судя по странице вам нужна просто галлерея с возможностью листать фото. Я скинул рабочий пример
Для галереи (как на главной странице плагина) достаточно написать:

<a data-fancybox="gallery" href="путь_до_большого_фото"><img src="путь_до_маленького_фото"></a>

И так для всех фото.
Атрибут data-fancybox="gallery" говорит что это галлерея, поэтому плагин сам поймет что нужно включить пролистывание.

Сам вызов скрипта прописывать не обязательно. Если не требуется изменить параметры.

[veavv]

Андрей Б., На сайте около 300 объектов недвижимости. В каждом по 8-10 фото в среднем. 3000 фото. Прописывать для каждого фото в отдельности или я что-то не понимаю?

[veavv]

Андрей Б., У меня ни одно фото не прописано отдельно через href="путь_до_большого_фото">. Но они открываются каждое в отдельном окне. Нет только листания фото. Вопрос в том как сделать, чтобы оно появилось, и не прописывать каждое фото вручную.

[Андрей Б.]

veavv

Прописывать для каждого фото в отдельности или я что-то не понимаю?

Как у вас формируется разметка для фотографий? Явно динамически, если нет, то плохо.

Но они открываются каждое в отдельном окне

Fancybox тут не причем, у вас ведь в адресе ссылки указана картинка, вот браузер ее и открывает.
Сейчас у вас нет у ссылки data-fancybox="gallery" поэтому и не работает.

Если ничего в этом не понимаете, могу помочь, пишите в телегу(желательно) @andrey_budnikov или в скайп abudnikov89

[veavv]

Андрей Б., Сделал галерею, но не отображаются фотографии в галерее
http://вв-бережок.рф/list-535-94.html
Подскажите в чём ошибка и как исправить?

[veavv]

Полный код

<div class="content"><br />
<? 

$page=get_param("cat"); 
$list=get_param("list");

 $q="SELECT * from site_gallery_catalog where id=".$list." LIMIT 1"; // echo $q;
$res=mysql_query($q,$db);
$r=mysql_fetch_array($res);

$link="<p>Вы находитесь: ";
$link.='<a href="catalog.html">Каталог</a>'; 
$link.=' -> <a href="catalog-'.$page.'.html">'.$cat[$page-1][1].'</a> -> ';
$link.='<a href="javascript:void(0)">'.$r['zag'].'</a>';
$link.="</p>";

echo $link;
?>
<p class="header"><?=$r['zag'];?></p>
<?=$r['full'];?>
<div style="display:block">
<? $q="SELECT * from site_gallery_products where flag=1 and catalogID=".$list." order by prior"; // echo $q;
$res=mysql_query($q,$db); $i=0;
while ($r=mysql_fetch_array($res)) { $i++;
?>
<script src="fancybox/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="fancybox/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script src="fancybox/jquery.fancybox.min.js"></script>
		<link rel="stylesheet" href="fancybox/jquery.fancybox.css" media="screen" />
	
		<a data-fancybox="gallery" href="files/gallery_products/full=$r['file'];?>title="<?=$r['stext'];?>">
		<img src="files/gallery_products/sm<?=$r['file'];?>"></a>
<? } ?>
</div>
</div>

[Андрей Б.]

veavv Судя по текущему состоянию - все работает. Стили кстати лучше подключать в head а не в теле страницы. И скрипты тоже, либо в head либо в конец страницы перед