2012-03-23 4 views
0

Я пытаюсь настроить PhotoSwipe (http://www.photoswipe.com/), который является флеш-галереей jquery plugin, совместимой с мобильными устройствами. Но у меня возникли проблемы с внедрением плагина! Я прошел через каждую строку, которую должен был добавить, но плагин не работает вообще. Очевидно, что ссылки на изображения отлично видны, но плагин не работает так, как должен. Я думаю, что чего-то не хватает, но я не знаю, что.Попытка реализовать PhotoSwipe на мобильном сайте, но

Я относительно новым для JQuery, и я честно не знаю, как что работает, я только знаю, как подключить вещи.

Я проверил пути к файлам, и все, кажется, указывали на нужное место.

Вот мой код.

в 'голове' теге

<script type="text/javascript" src="js/klass.min.js"></script> 
<script type="text/javascript" src="js/code.photoswipe-3.0.4.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 

<script type="text/javascript"> 

     (function(window, $, PhotoSwipe){ 

      $(document).ready(function(){ 

       var options = {}; 
       $("#gallery a").photoSwipe(options); 

      }); 


     }(window, window.jQuery, window.Code.PhotoSwipe)); 

    </script> 

в 'тело' тега

<ul id="gallery"> 
    <li><a href="img/events/01.jpg"><img src="img/events/01t.jpg" rel="external" alt="" /></a></li> 
    <li><a href="img/events/02.jpg"><img src="img/events/02t.jpg" rel="external" alt="" /></a></li> 
    <li><a href="img/events/03.jpg"><img src="img/events/03t.jpg" rel="external" alt="" /></a></li> 
    <li><a href="img/events/04.jpg"><img src="img/events/04t.jpg" rel="external" alt="" /></a></li> 
    <li><a href="img/events/05.jpg"><img src="img/events/05t.jpg" rel="external" alt="" /></a></li>      
</ul> 
+0

Первый вопрос ... у вас есть ссылка в Интернете, что мы можем связать в? Я несколько раз реализовал Photoswipe без проблем. Во-вторых, просмотрели ли вы свой сайт с помощью инструментов разработчика Chrome или включили Firebug? Вероятно, вам не хватает пути или файл отсутствует или что-то в этом роде. – commadelimited

+0

PhotoSwipe не является плагином jQuery. Одна из его основных особенностей - это отсутствие зависимостей. В этом случае единственное место, в котором используется jQuery, находится в '$ (document) .ready', но это не обязательно для инициализации PhotoSwipe. –

ответ

0

Oh. Фактически, ссылка на jQuery должна появиться до ссылки на фотоснимок.

Так что ваши файлы сценариев должны показать, как это:

<script type="text/javascript" src="js/klass.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
<script type="text/javascript" src="js/code.photoswipe-3.0.4.min.js"></script> 
+0

Oh wow..okay. По-видимому, незначительные детали, но имеет смысл, что файл jquery нужно вызывать перед любыми плагинами. Спасибо что подметил это. Это действительно на самом деле. Но у меня есть следующий вопрос, не уверенный, что я должен спрашивать об этом здесь или в отдельном вопросе, но здесь идет. Я предположил, что выполнение шагов, которые я сделал, даст мне эффект галереи, где у вас есть кнопки навигации внизу, а не только основной эффект «салфетки» для сенсорных экранов. Можете ли вы указать мне в правильном направлении, чтобы получить более интересные функции? – user1287425