Установка плагина Jquery Gallery

Я попытался установить два из них сейчас, но ни один из них не сработал, поэтому я совершенно уверен, что проблема не в плагинах, а во мне, но я также посмотрел полдюжины видео на YouTube и перечитал несколько инструкций. раз, и я до сих пор не могу заставить его работать. Это похоже на то, что кто-то уже прояснил, но я не смог его найти.

У меня есть тестовая версия на http://www.sitesupandrunning.com/links.html. Я пробовал тестовые функции, и они работали, поэтому я думаю, что мой jquery подключен правильно. Первоначально я скопировал и вставил точный код, опубликованный автором плагина, так что, похоже, там не должно быть никаких ошибок. Так что кажется, что это будет сужено к изображениям, но у автора были имена файлов-заполнителей, которые я только что отключил, и с отключенным jquery миниатюры отображаются и связаны правильно, поэтому я знаю, что изображения помечены как их должно быть.

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

Буду признателен за любую помощь - даже учебник, который на самом деле обращается с использованием этого вида плагинов, а не просто плагин с домашней страницы jquery.

Источник

2 ответа

Если вы ищете конкретное решение для галереи jQuery, попробуйте слайд-шоу на веб-сайте Cincopa. У них есть около 5-6 различных скинов галереи jQuery. Вы, вероятно, найдете дизайн, который подходит вашему сайту

Источник

Я использую jQuery Cycle, и это довольно просто. Вот простая разметка:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Test</title>
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript"> 
$(document).ready(function() {
    $('.transitionPictures').cycle({
        fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
});
</script>

</head>
<body> 
        <!-- TRANSITION SLIDESHOW -->
        <div class="transitionPictures">
        <img src="image01.jpg" width="400" height="300" alt="" />
        <img src="image02.jpg" width="400" height="300" alt="" />
        </div>
</body>
</html>

Вы можете посетить сайт jQuery Cycle, чтобы добавить в готовый скрипт еще много опций.

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