Лёгкий слайдер изображений - Форум ProUcoz.com - Лёгкий слайдер изображений - Форум ProUcoz.com
Вторник 16:14 | 28.02.2017
Свежие темы · Участники · Правила форума · Поиск · RSS
Страница 1 из 11
Модератор форума: GrandDooM, FR3cH 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » Лёгкий слайдер изображений
Лёгкий слайдер изображений
Российская Федерацияlovefirsts[Нет на сайте]
Дата: Понедельник, 19.03.2012, 01:01 | Сообщение # 1
Сообщений: 41
Скрин - http://trans4mice.ru/scripts/1.png
Слайдер изображений, прост в использовании, очень легок. Использует базовый JQ.

CSS:
Code
/* Слайдер by ILyeS */
.block{background:#222;padding:10px 10px 0;border-radius:10px;width:400px}
.block img{border:0;display:none}
.block div{margin:10px auto 0;background:#ddd;padding:5px 0;width:100px;border-radius:10px 10px 0 0;text-align:center}
.block div a{text-decoration:none;color:#ddd;background:#222;border-radius:5px;padding:2px 5px}
.block div a:hover{background:#444}


JS:
Code
// Slider by ILyeS
function block_off(){$('.block img').hide()};
function block_on(a){$('.block img:'+a).fadeIn(300)};
block_on('eq(0)')


Вот и все, не правда ли - очень легко и быстро.

Немножко о работе:
При запуске страницы, всегда, будет открывать первое изображение.
Скрипт кроссбраузерен.
Количество изображений можете выбрать сами, нужно только добавлять img и соответствующее им количество переключателей.
Помните, что номер переключателя начинается с 0.

Ширина изображений 400px.


http://trans4mice.ru/ - the best fan site transformice!
 
FR3cH[Нет на сайте]
Дата: Пятница, 15.06.2012, 03:59 | Сообщение # 2
Хитрец всем хитрым
Сообщений: 213
Есть и красивее и удобнее твоего. Мне не нравиться.

 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » Лёгкий слайдер изображений
Страница 1 из 11
Поиск: