Colorbox и JQuery

Итак, я не новичок в Jquery, но я новичок в Colorbox и мне нужна помощь. Я искал JQuery, который позволил бы моим изображениям воспроизводиться как слайд-шоу при нажатии на миниатюру изображения (например, лайтбокс Jquery, но со слайд-шоу). Мне сказали попробовать colorbox. Это соответствует тому, что мне нужно, но я ". получить некоторые.. странные результаты. На данный момент все необходимые файлы установлены (я загрузил программное обеспечение с http://www.jacklmoore.com/colorbox и в настоящее время установил или, по крайней мере, пробовал "пример 4". Все файлы и образы на месте и установлены. Но когда я нажимаю на миниатюру изображения, появляется палитра цветов, но без изображения и границ / углов, все, что идет с этим конкретным jquery, зашифровано, и я просматриваю тестовую страницу в Mozilla. Я попытался опубликовать коды... но это доставляет мне неприятности. Надеюсь, кто-то знает, о чем я говорю.

Спасибо за помощь, и извините за длинную записку.. просто хочу, чтобы это выяснили как можно скорее.. это вызывает у меня головную боль.

Источник

2 ответа

Ну, я думаю, что вы можете потратить некоторое время на странице Руководства для начинающих, и попытаться лучше понять плагин colorbox. Ниже приведен пример кода со страницы руководства.

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" href="colorbox.css" />
        <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script src="jquery.colorbox-min.js"></script>
        <script>
            jQuery(document).ready(function () {
                jQuery('a.gallery').colorbox({ opacity:0.5 , rel:'group1' });
            });
        </script>
    </head>
    <body>
        <a class='gallery' href='image1.jpg'>Photo_1</a>
        <a class='gallery' href='image2.jpg'>Photo_2</a>
        <a class='gallery' href='image3.jpg'>Photo_3</a>
    </body>
</html>

Это, вероятно, все, что вам нужно, чтобы начать с самого начала, а затем вы можете изменить его по мере необходимости, например, добавить дополнительные параметры в colorbox, изменить HTML и т. Д. Возможно, вы захотите уделять больше внимания URL-адресам ваших внешних ресурсов (поместите css & colorbox-min.js в корневом каталоге в данном случае)

Кроме того, поскольку вы используете Firefox, почему бы не установить дополнение Firebug для отладки. Вы можете опубликовать ошибки здесь, если вы видите какие-либо.

Источник

У меня такая же проблема. Оказалось, что я скопировал некоторый код со старого сайта, поэтому я все еще загружал jQuery 1.4.2

Последние версии colorbox не очень хорошо работают с версией Jquery ниже 1.4.3 (см. https://groups.google.com/forum/?fromgroups)

После того, как я обновил свою библиотеку jQuery, все снова выглядело хорошо.

Источник
Другие вопросы по тегам