powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как правильно решить такую проблему?
9 сообщений из 9, страница 1 из 1
Как правильно решить такую проблему?
    #36392957
Фотография Esofter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Установил плагин LightBox. Он устанавливается на див, в котором есть ссылки на картинки и открывает эти картинки в окне джаваскрипт.
Код: plaintext
1.
2.
3.
4.
5.
<script type="text/javascript">
    $(function() {
        $('#divid a').lightBox();
    });
    </script>


Проблема в том, что эти ссылки мне нужно выводить в строках таблицы и в одном диве их разместить не получается. Каждую ссылку оборачивал в свой див с одинаковым айди(который указан в скрипте где инициализируется lightbox) но плагин тогда работает только с первой ссылкой.
Дайте пожалуйста совет как обойти эту проблему.
...
Рейтинг: 0 / 0
Как правильно решить такую проблему?
    #36392958
an0nym
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Esofter,

попробуйте проставьте у таблицы, в которой находятся эти ссылки id="divid". При этом остальные дивы, которых вы понаставили, особенно с id="divid", уберите.
...
Рейтинг: 0 / 0
Как правильно решить такую проблему?
    #36392971
Фотография Esofter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
an0nymEsofter,

попробуйте проставьте у таблицы, в которой находятся эти ссылки id="divid". При этом остальные дивы, которых вы понаставили, особенно с id="divid", уберите.

Спасибо, заработало. Но теперь появилась новая проблема :). В этой таблице есть еще ссылки(они на другие страницы ведут) и теперь при нажатии на них опять это джаваскрипт окно вылазит. Может их завернуть в дивы с другим именем?
...
Рейтинг: 0 / 0
Как правильно решить такую проблему?
    #36393038
Фотография Esofter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ссылки на эти картинки у меня в самом крайнем столбце. Может сделать его как отдельную таблицу, завернуть ее в этот див?
...
Рейтинг: 0 / 0
Как правильно решить такую проблему?
    #36393068
Elain
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Собсно.... ID должно быть уникально на странице..... потому и не работает. о W3C видимо не слышали.

Решение:
- добавить ко все нужным картинкам класс : например class="divid "
- написать такое:
<script type="text/javascript">
$(function() {
$('a.divid').lightBox();
});
</script>
...
Рейтинг: 0 / 0
Как правильно решить такую проблему?
    #36393076
Фотография Esofter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ElainСобсно.... ID должно быть уникально на странице..... потому и не работает. о W3C видимо не слышали.

Решение:
- добавить ко все нужным картинкам класс : например class="divid "
- написать такое:
<script type="text/javascript">
$(function() {
$('a.divid').lightBox();
});
</script>

Это ж не ссылка должна быть лайтбоксом. Лайтбокс - это див, и все ссылки в нем открывают картинку не на странице браузера, а в окне джаваскрипт. А вы предлагаете из ссылок лайтбоксы делать.
...
Рейтинг: 0 / 0
Как правильно решить такую проблему?
    #36393083
Фотография Esofter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ElainСобсно.... ID должно быть уникально на странице..... потому и не работает. о W3C видимо не слышали.

Решение:
- добавить ко все нужным картинкам класс : например class="divid "
- написать такое:
<script type="text/javascript">
$(function() {
$('a.divid').lightBox();
});
</script>

Извините, болтнул не проверя. Все работает. Большое спасибо!
...
Рейтинг: 0 / 0
Как правильно решить такую проблему?
    #36393248
an0nym
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Esofter
Код: plaintext
1.
2.
3.
4.
5.
<script type="text/javascript">
    $(function() {
        $('#divid a').lightBox();
    });
    </script>

В приведенном фрагменте кода вы говорите, дословно, "все ссылки (тэг <a>) внутри любого тэга с id = divid вне зависимости от уровня вложенности должны стать лайтбоксовыми".

Изменением селектора '#divid a' (а именно он отвечает за "все ссылки (тэг <a>) внутри любого тэга с id = divid вне зависимости от уровня вложенности...") можно изменить элементы, к которым будет применен лайтбокс, что выше вам и продемонстрировали.

Дальше советую почитать про CSS 3.0 селекторы (вроде их поддерживает jQuery, некоторые эмулирует) и выбрать элементы для применения лайтбокса как вашей душе будет угодно.
...
Рейтинг: 0 / 0
Как правильно решить такую проблему?
    #36394410
Фотография Frenzy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
просто подключите скрипт с лайтбоксом, подописывайте ссылкам аттрибут rel="lightbox" и поубирайте всю остальную ересь.

_______________________________________
2pro4U :: твиттер :: блог
...
Рейтинг: 0 / 0
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как правильно решить такую проблему?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]