Я пытаюсь настроить 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>
Первый вопрос ... у вас есть ссылка в Интернете, что мы можем связать в? Я несколько раз реализовал Photoswipe без проблем. Во-вторых, просмотрели ли вы свой сайт с помощью инструментов разработчика Chrome или включили Firebug? Вероятно, вам не хватает пути или файл отсутствует или что-то в этом роде. – commadelimited
PhotoSwipe не является плагином jQuery. Одна из его основных особенностей - это отсутствие зависимостей. В этом случае единственное место, в котором используется jQuery, находится в '$ (document) .ready', но это не обязательно для инициализации PhotoSwipe. –