Prettyphoto не работает

Question

Я не могу заставить его работать, кто-то там может помочь

Я использую это в голове

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen"/>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>

Я использую это для фотографий

rel="prettyPhoto[pp_gal]"><

Я использую это перед закрывающим тегом тела

<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        $("a[rel^='prettyPhoto']").prettyPhoto({
            animationSpeed: 'normal', /* fast/slow/normal */
            padding: 40, /* padding for each side of the picture */
            opacity: 0.35, /* Value betwee 0 and 1 */
            showTitle: true, /* true/false */
            allowresize: true, /* true/false */
            counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
            theme: 'light_rounded' /* light_rounded / dark_rounded / light_square / dark_square */
        });
    });
</script>

Я связал prettphoto CSS с моим документом Что мне делать с папками jquery.js и jquery-1.3.2.min.js?

Answer 1

1. Убедитесь, что папки js и css расположены относительно вашей текущей страницы. Например, если вы работаете с http://localhost/photogallery/index.html,, убедитесь, что 3 папки, включенные в загрузку prettyPhoto, извлечены в http://localhost/photogallery/,, а не в корневой каталог вашего сервера.
2. Убедитесь, что у вас есть папка prettyPhoto «images». Он включает в себя ряд тем и других ресурсов, необходимых для того, чтобы prettyPhoto выглядело правильно.
3. Конфликтующая библиотека или версия jQuery может помешать загрузке prettyPhoto. Попробуйте запустить prettyPhoto на пустой странице, включив только необходимые сценарии и включенный CSS, и пару ссылок на изображения с rel = "prettyPhoto [pp_gal]". Если это работает, и когда вы возвращаете код на свою страницу, он не работает, вы можете знать, что на странице что-то конфликтует с prettyPhoto или jQuery.
4. Проверьте наличие ошибок на странице. В Internet Explorer есть Инструменты разработчика. Firefox имеет Firebug. Chrome имеет инструменты разработчика. Поищите в Интернете информацию о том, как использовать одну из них в вашем любимом браузере.

Answer 2

Как сказал Доусон в своем ответе № 4, убедитесь, что на вашей странице нет ошибок javascript, которые мешали бы корректной загрузке prettyPhoto.

Я бился головой о клавиатуру в течение 2 часов, потому что она не работала для меня. В Firefox я использовал Инструменты> Веб-разработчик> Консоль ошибок , чтобы увидеть, что у меня есть код JavaScript из другого виджета, который я использую, выдавая ошибку. Я закомментировал эту строку, и она работала правильно.

Проверьте и проверьте еще раз.