Объясните, пожалуйста, делаю простой слайдер
 

Всем привет! Делаю слайдер. Глазами можно посмотреть вот тут , сразу под "ПРИМЕРЫ ДИЗАЙН-ПРОЕКТОВ И ГОТОВЫХ РАБОТ". Что-то я не могу сообразить, как и какую функцию прикрутить в кнопках переключателя блоков. Суть такая. Есть N записей. Я разделил их по 5 в отдельные div блоки. Каждый блок имеет уникальный id, но только первый display block, а остальные display none. Внизу под ними вывел к каждому блоку кнопку. Кнопка, которые совпадают с неактивными блоками имеют style="opacity: 0.5;" . Надеюсь, я всё описал понятно. Как мне сделать правильное переключение? Спасибо!

usesa,
ищите по форуму 'открывашка' один из вариантов будет ваш.

Если не трудно, помогите, пожалуйста. У меня опыта совсем мало =( Боюсь не то что надо найду. Спасибо!

usesa,
сделайте усилие посмотрите там 212 вариантов -- наверняка найдётся то что вы ищите

Да мне не трудно и не лень, наоборот интересно. Просто я когда только начинал изучать JS тоже копировал чужой код, а потом не понимал, откуда ошибки. Ладно, извините. В любом случае, спасибо за подсказку!

usesa,
http://javascript.ru/forum/dom-windo...tml#post362616

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()
        })
    })
});

Спасибо! А я уж засел вникать, как ваш пример работает. Может заодно посоветуете какую-нибудь литературу по JS, потому что я вроде-как уже не мало прочитал, а вот с практикой применения всё плохо. Чуть более сложное идёт и я уже в тупике. Спасибо!

usesa,
вверху ссылка учебник http://learn.javascript.ru/