lapwing
Новичок
Возможен ли вывод данной галереи в цикле?
Здравствуйте! Наткнулся на фотогалерею http://dev.herr-schuessler.de/jquery/popeye/demo.html, понравилась тем, что на одной странице и листаешь фото и увеличиваешь по клику.(пример №2). Попробовал прикрутить себе. Из БД выводятся записи и хотел чтобы к каждой записи выводилось также и фото, т.е. скрипт должен работать в цикле. Скрипт работает, но выводятся только фотки к последней записи. Думаю, что не работает из-за id ppy2. Т.е. насколько я понял этот идентификатор используется для обращения к нему из скрипта, а при попытке загнать выполнение скрипта в цикл, возникает проблема того, что идентификатор встречается несколько раз на странице, т.е. не уникален, чего быть не должно. Возможно ли переделать скрипт или он вообще не предназначен для многократного использования? Вот кусок кода
Здравствуйте! Наткнулся на фотогалерею http://dev.herr-schuessler.de/jquery/popeye/demo.html, понравилась тем, что на одной странице и листаешь фото и увеличиваешь по клику.(пример №2). Попробовал прикрутить себе. Из БД выводятся записи и хотел чтобы к каждой записи выводилось также и фото, т.е. скрипт должен работать в цикле. Скрипт работает, но выводятся только фотки к последней записи. Думаю, что не работает из-за id ppy2. Т.е. насколько я понял этот идентификатор используется для обращения к нему из скрипта, а при попытке загнать выполнение скрипта в цикл, возникает проблема того, что идентификатор встречается несколько раз на странице, т.е. не уникален, чего быть не должно. Возможно ли переделать скрипт или он вообще не предназначен для многократного использования? Вот кусок кода
Код:
<body>
<?php
include_once("../../connection.php");
$result = mysql_query('SELECT heading,message,tel,name,path1big,path1small,path2big,path2small
FROM information WHERE operid = "s_kv" ORDER BY informid DESC
LIMIT '.$start_pos.','.$perpage)
or die('error Что то не выбирает');
while($row = mysql_fetch_array($result))
{
printf("
<div class='example'>
<h3>".$row['heading']."</h3>
<div class='ppy' id='ppy2'>
<ul class='ppy-imglist'>
<li><a href='".$row['path1big']."'><img src='".$row['path1small']."' alt='' /></a></li>
<li><a href='".$row['path2big']."'><img src='".$row['path2small']."' alt='' /></a></li>
</ul>
<div class='ppy-outer'>
<div class='ppy-stage'>
<div class='ppy-counter'>
<strong class='ppy-current'></strong> / <strong class='ppy-total'></strong>
</div>
</div>
<div class='ppy-nav'>
<div class='nav-wrap'>
<a class='ppy-next' title='Следующая'>Следующая</a>
<a class='ppy-prev' title='Предыдущая'>Предыдущая</a>
<a class='ppy-switch-enlarge' title='Увеличить'>Увеличить</a>
<a class='ppy-switch-compact' title='Закрыть'>Закрыть</a>
</div>
</div>
</div>
</div>
<p>".$row['message']."<br /> </p>
<p>".$row['name']." Тел.".$row['tel']."<br /> </p>
</div>
<br />");
}
?>
<!-- [example js] begin -->
<script type="text/javascript">
<!--//<![CDATA[
$(document).ready(function () {
var options2 = {
caption: false,
navigation: 'permanent',
direction: 'left'
}
var options3 = {
caption: 'permanent',
opacity: 1
}
$('#ppy1').popeye();
$('#ppy2').popeye(options2);
$('#ppy3').popeye(options3);
});
//]]>-->
</script>
<!-- [example js] end -->
</body>