Загрузка изображений в lightbox

@sheila · Регистрация: 10.05.2012

Студворк — интернет-сервис помощи студентам

Привет!
Сделала на бутстрапе галерею, присоединила к иконкам lightbox , подсоединила скрипт

JavaScript
1
2
3
4
5
6
<script src="<?php bloginfo('template_url');?>/highslide/highslide.js"></script>
<script type="text/javascript">
    // override Highslide settings here
    // instead of editing the highslide.js file
    hs.graphicsDir = '/highslide/graphics/';
</script>

написала код

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12 thumbs_color">
            <ul id="thumbs">
                <li>
                    <a href="http://b.pusku.com/wp-content/uploads/2012/11/7.jpg" class="highslide" onclick="return hs.expand(this)">
                        <img src="http://b.pusku.com/wp-content/uploads/2012/11/test_carusel1.jpg" alt="test_carusel" />
                    </a>
                </li>
                <li>
                    <a href="/">
                        <img src="http://b.pusku.com/wp-content/uploads/2012/11/test_carusel1.jpg" alt="test_carusel" />
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

вроде бы все сделала по науке, видно, что изображения грузятся, но ощущение такое, что скрипт их не находит, перепроверил пути img в WP, путь правильный, в чем ошиблась, не пойму, буду благодарна за любую подсказку в направлении, куда копать. Сайт http://b.pusku.com/

@FlyMouse86 · 04.01.2013, 23:29

А в чем, собственно, дело? Почему Вас одолевают такие ощущения - можете объяснить? И в чем заключается задача?

@sheila · 05.01.2013, 00:30 **[ТС]**

Если кликнуть на первую иконку в галерее с горизонтальной прокруткой, видно, что изображение (большая картинка, которая должна появляться при клике на маленькую иконку и вызывается классом class="highslide" onclick="return hs.expand(this)" в JQ) мучительно грузиться, но не появляется - видна полоса загрузки.. и ничего) при чем на локалке все работает, значит, в галерее ошибок нет. Если изображение загружается, значит, ошибка в путях.. пути проверила, правильные.. почему же она не работает?!) Не хочется расставаться с галереей, потому что она явно не конфликтует с другими скриптами..нужен обычный lightbox ( большая картинка с затемнением страницы).

@FlyMouse86 · 05.01.2013, 01:48

Проверьте заголовки сообщений клиент-сервер: запрашивает ли клиент картинку, и ответ сервера посмотрите. Если запросы обмена заголовками проходят без ошибок, клиент грузит картинку - ищите ошибки в настройке библиотеки, или в самой библиотеке, которая должна что-то отображать. Поскольку не знаю, что это за чудесные библиотеки, смотрите документацию.

@sheila · 05.01.2013, 02:08 **[ТС]**

спасибо! я больше по html/css и серверные языки знаю не очень. Firebug ошибок не видит.. я вряд ли смогу что-то определить в библиотеке, лучше попробую другой lightbox.

@FlyMouse86 · 05.01.2013, 02:31

Эх, тоже хочу HTML/CSS, только дальше "2х2=4" не могу продвинуться.. Хотя эти лайтбоксы пишутся на раз-два-три, Шейла. Вам бы стоило, воспользовавшись слабиной своего пола, попросить кого-нибудь написать для Вас такое. Индивидуально.

@sheila · 05.01.2013, 03:13 **[ТС]**

Вот нашла вариант http://tympanus.net/codrops/20... -lightbox/ Только не знаю, насколько кроссбраузерный, css3 все ж таки

@FlyMouse86 · 05.01.2013, 09:57

Должен работать везде.. Только некоторых плюшек в виде теней текста и плавных переходов цветов не будет.

@sheila · 05.01.2013, 14:23 **[ТС]**

отлично!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@FlyMouse86 55 / 55 / 8 Регистрация: 29.08.2012 Сообщений: 175
	04.01.2013, 23:29
	А в чем, собственно, дело? Почему Вас одолевают такие ощущения - можете объяснить? И в чем заключается задача? 1

@sheila 47 / 47 / 6 Регистрация: 10.05.2012 Сообщений: 236
	05.01.2013, 00:30 [ТС]
	Если кликнуть на первую иконку в галерее с горизонтальной прокруткой, видно, что изображение (большая картинка, которая должна появляться при клике на маленькую иконку и вызывается классом class="highslide" onclick="return hs.expand(this)" в JQ) мучительно грузиться, но не появляется - видна полоса загрузки.. и ничего) при чем на локалке все работает, значит, в галерее ошибок нет. Если изображение загружается, значит, ошибка в путях.. пути проверила, правильные.. почему же она не работает?!) Не хочется расставаться с галереей, потому что она явно не конфликтует с другими скриптами..нужен обычный lightbox ( большая картинка с затемнением страницы). 0

@FlyMouse86 55 / 55 / 8 Регистрация: 29.08.2012 Сообщений: 175
	05.01.2013, 01:48
	Проверьте заголовки сообщений клиент-сервер: запрашивает ли клиент картинку, и ответ сервера посмотрите. Если запросы обмена заголовками проходят без ошибок, клиент грузит картинку - ищите ошибки в настройке библиотеки, или в самой библиотеке, которая должна что-то отображать. Поскольку не знаю, что это за чудесные библиотеки, смотрите документацию. 1

@sheila 47 / 47 / 6 Регистрация: 10.05.2012 Сообщений: 236
	05.01.2013, 02:08 [ТС]
	спасибо! я больше по html/css и серверные языки знаю не очень. Firebug ошибок не видит.. я вряд ли смогу что-то определить в библиотеке, лучше попробую другой lightbox. 0

@FlyMouse86 55 / 55 / 8 Регистрация: 29.08.2012 Сообщений: 175
	05.01.2013, 02:31
	Эх, тоже хочу HTML/CSS, только дальше "2х2=4" не могу продвинуться.. Хотя эти лайтбоксы пишутся на раз-два-три, Шейла. Вам бы стоило, воспользовавшись слабиной своего пола, попросить кого-нибудь написать для Вас такое. Индивидуально. 0

@sheila 47 / 47 / 6 Регистрация: 10.05.2012 Сообщений: 236
	05.01.2013, 03:13 [ТС]
	Вот нашла вариант http://tympanus.net/codrops/20... -lightbox/ Только не знаю, насколько кроссбраузерный, css3 все ж таки 0

@FlyMouse86 55 / 55 / 8 Регистрация: 29.08.2012 Сообщений: 175
	05.01.2013, 09:57
	Должен работать везде.. Только некоторых плюшек в виде теней текста и плавных переходов цветов не будет. 1

@sheila 47 / 47 / 6 Регистрация: 10.05.2012 Сообщений: 236
	05.01.2013, 14:23 [ТС]
	отлично! 0