VPF::Не получается подключить никакую галлерею.

Fighter

Дата 15.1.2012, 03:29 (ссылка)

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

Загрузка ...

Опытный

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

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

Пробую уже наверное пятую галерею для сайта, и всегда, все застревает на том что когда делаешь $('<какой то селектор>').<имя функции по названию галереи, например, lightBox или prettyPhoto>(), в результате получаешь JS-ошибку - <имя функции по названию галереи> is not a function.

Ниже приведу отрывки, которые отвечают за формирование страницы на сайте:

Формирование списка картинок для галереи

Код


    <div id="gallery">
            <% foreach (var picture in pictures)
            { %>
            <a href="<%= Url.Action("GetImage", "Main", new {imageId = picture.id}) %>" rel="prettyPhoto" title="Trammel shows off his shoes">
                <img src="<%= Url.Action("GetImage", "Main", new {imageId = picture.id}) %>" alt="Hello"  height="113px" width="150px"/></a>              
            <% } %>
   
    </div>

Ниже приведены включения в файл скриптов и css:

Код


<asp:Content ID="Content3" ContentPlaceHolderID="HeaderContent" runat="server">
    <link rel="stylesheet" type="text/css" href="<%= Url.Content("~/Content/FurnitureInfo.css") %>" />    
    <script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery-1.7.1.min.js") %>"></script>    
    <script type="text/javascript" src="<%= Url.Content("~/Scripts/UserScripts/FurnitureInfo.js") %>"></script>

    <link rel="stylesheet" href="<%= Url.Content("~/Content/PrettyPhoto/css/prettyPhoto.css") %>"/>
    <script src="<%= Url.Content("~/Content/PrettyPhoto/js/jquery.prettyPhoto.js") %>" type="text/javascript" charset="utf-8"></script>
    
</asp:Content>

И далее в конец тега <body> как и было сказано в документации к prettyPhoto был добавлен код скрипта:

Код


    <script type="text/javascript" charset="utf-8">
        $(document).ready(function () {
            if ($("a[rel^='prettyPhoto']")) {
                alert('Делаем prettyPhoto');
                $("a[rel^='prettyPhoto']").prettyPhoto();
            }
        });
    </script>

Причем, сообщение "Делаем prettyPhoto" выводится. В firefox открывал исходный код страницы и по ссылкам переходил на jquery.prettyPhoto.js, все нормально, но почему вот is not a function?

ksnk

Дата 15.1.2012, 11:26 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

Нужно смотреть (и постить сюда) на получившийся HTML, а не на серверный скрипт его формирующий.
В Хроме можно посмотреть в "Инструментах>> Инструменты разработчика" вкладку Net и определить все ресурсы, на которые есть ссылки и которые не загрузились.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Fighter

Дата 20.1.2012, 00:35 (ссылка)

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

Загрузка ...

Опытный

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

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

Нашел галерею которая все-таки подключилась к моему проекту: daGallery.

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