19.04.2015, 16:38
|
|
Аспирант
|
|
Регистрация: 30.09.2014
Сообщений: 32
|
|
Объясните, пожалуйста, делаю простой слайдер
Всем привет! Делаю слайдер. Глазами можно посмотреть вот тут , сразу под "ПРИМЕРЫ ДИЗАЙН-ПРОЕКТОВ И ГОТОВЫХ РАБОТ". Что-то я не могу сообразить, как и какую функцию прикрутить в кнопках переключателя блоков. Суть такая. Есть N записей. Я разделил их по 5 в отдельные div блоки. Каждый блок имеет уникальный id, но только первый display block, а остальные display none. Внизу под ними вывел к каждому блоку кнопку. Кнопка, которые совпадают с неактивными блоками имеют style="opacity: 0.5;" . Надеюсь, я всё описал понятно. Как мне сделать правильное переключение? Спасибо!
|
|
19.04.2015, 16:48
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,124
|
|
usesa,
ищите по форуму 'открывашка' один из вариантов будет ваш.
|
|
19.04.2015, 16:52
|
|
Аспирант
|
|
Регистрация: 30.09.2014
Сообщений: 32
|
|
Сообщение от рони
|
usesa,
ищите по форуму 'открывашка' один из вариантов будет ваш.
|
Если не трудно, помогите, пожалуйста. У меня опыта совсем мало =( Боюсь не то что надо найду. Спасибо!
|
|
19.04.2015, 16:59
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,124
|
|
usesa,
сделайте усилие посмотрите там 212 вариантов -- наверняка найдётся то что вы ищите
|
|
19.04.2015, 17:01
|
|
Аспирант
|
|
Регистрация: 30.09.2014
Сообщений: 32
|
|
Сообщение от рони
|
usesa,
сделайте усилие посмотрите там 212 вариантов -- наверняка найдётся то что вы ищите
|
Да мне не трудно и не лень, наоборот интересно. Просто я когда только начинал изучать JS тоже копировал чужой код, а потом не понимал, откуда ошибки. Ладно, извините. В любом случае, спасибо за подсказку!
|
|
19.04.2015, 17:02
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,124
|
|
|
|
19.04.2015, 17:14
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,124
|
|
usesa,
ваша открывашка 213 ставить после jquery.min.js
$(function() {
var $but = $(".pagin a"),
$blocks = $(".gallery [id^='full']");
$but.each(function(i, elem) {
var $el = $(elem);
$el.click(function(event) {
event.preventDefault();
$but.not($el).css({opacity: 0.5});
$el.css({opacity: 1});;
$blocks.filter(function(j, el) {
i == j && $(el).show();
return i != j
}).hide()
})
})
});
|
|
19.04.2015, 17:26
|
|
Аспирант
|
|
Регистрация: 30.09.2014
Сообщений: 32
|
|
Сообщение от рони
|
usesa,
ваша открывашка 213 ставить после jquery.min.js
|
Спасибо! А я уж засел вникать, как ваш пример работает. Может заодно посоветуете какую-нибудь литературу по JS, потому что я вроде-как уже не мало прочитал, а вот с практикой применения всё плохо. Чуть более сложное идёт и я уже в тупике. Спасибо!
|
|
|
|