VPF::Lightbox - Форум программистов

fleetboss

Дата 30.5.2012, 18:29 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 150
Регистрация: 30.7.2009

Репутация: нет
Всего: нет

Помогите с галереей. Мне нужно поправить мою "мультигалерею".

Вот шапка

Код


<script language="JavaScript" type="text/javascript" src="js/jquery.js"></script>
<script language="JavaScript" type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
 $('#gallery a').lightBox();
});
</script>
</head>

Дальше у меня идет запрос в mysql базу и сайт выдает информацию... например 20 полей с фотографией и для каждой фотографии свой текст....

Код


for($i=0;$i < mysql_num_rows($select_objects);++$i){
$row = mysql_fetch_row($select_objects);
echo '<tr>
<td style="padding: 4px">
<div id="gallery">
    <ul>
        <li><a href="img/uploads/objects/'.$row[15].'" title="'.$row[3].'"><img src="img/uploads/objects/'.$row[16].'" border="0" alt="" width="220" height="150"></a></li>
    </ul>
</div>
</td>
</tr>';
}

Вот... везде border, hover и т.п. показывается как надо, а вот само нажатие работает только на первое самое верхнее выданную фотографию... остальные открывает обычным способом. Как сделать чтобы все открывались и показывались как первый? Делать чтоли div id="gallery2" / div id="gallery3" и т.д.? может проще способ есть?

Это сообщение отредактировал(а) fleetboss - 30.5.2012, 18:30

Amphiluke

Дата 30.5.2012, 20:12 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112

Назначать id="gallery" не всем div`ам в каждой из строк таблицы, а либо самой таблице целиком, либо tbody, который содержит все нужные tr`ы.

targetkeeper

Дата 24.6.2012, 16:42 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 24.6.2012

Репутация: нет
Всего: нет

В случае наличия на сайте нескольких элементов с одинаковым id, стили применяются к ним всем, а вот jQuery выхватывает только первый элемент (сам как-то наступал на эти грабли).

Можно на каждую ссылку навесить класс 'light' и запускать lightbox так: $('.light').lightBox()

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »