Не отображаются фотографии в галерее fancybox 3. Как исправить?

Question

[veavv]

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

Answer 1

[Владимир Проскурин]

У вас не порядок в href

Comments

[veavv]

А как поправить? Полный код файла

[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, с телефона не удобно, поэтому одной строчкой

<a data-fancybox="gallery" href="files/gallery_products/full=<?=$r['file'];?>" title="<?=$r['stext'];?>">

[veavv]

Владимир Проскурин, Тогда фото вообще не появляются...

[Александр Суханов]

А так?

<a data-fancybox="gallery" href="files/gallery_products/full=<?=$r['file'];?>" title="<?=$r['stext'];?>"><img src="files/gallery_products/sm<?=$r['file'];?>"></a>

И уберите подключение скриптов из цикла, у вас 6 раз подключается jQuery, fancybox и т.д.

Это можно удалить:

<script src="fancybox/jquery-3.3.1.min.js"></script>

А это перенесите ниже последнего </div> в вашем коде:

<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" />

[veavv]

Александр Суханов, Убрал и перенес. Но с

<a data-fancybox="gallery" href="files/gallery_products/full=<?=$r['file'];?>" title="<?=$r['stext'];?>"><img src="files/gallery_products/sm<?=$r['file'];?>"></a>

не открывает изображения вообще.
Заменил на :

<a data-fancybox="gallery<?=$i;?>" href="files/gallery_products/full<?=$r['file'];?>" title="<?=$r['stext'];?>">
  <img align="left" class="gimage" src="files/gallery_products/sm<?=$r['file'];?>" alt="<?=$r['zag'];?>" />
</a>

Галерея появилась, но нет стрелок для листания...
http://вв-бережок.рф/list-535-94.html

[Александр Суханов]

gallery<?=$i;?> замените на просто gallery

[veavv]

Боже ты мой! Неделю мучался. Получилось!
Благодарю!!! Аж до слёз!