jquery плъгин за създаване на слайдшоу от url адреси на изображения

Ето нещо, което набързо събрах (изобщо не съм го тествал - само за идеи), което може да успеете да доразвиете. Не би трябвало да е трудно.

var imgs = ['a.png', 'b.png', 'c.png'];

function Slideshow(img_list, container) {
    var self = this;
    var $slides = [];
    var current = { 'ith': 0, '$slide': null };

    function initialize() {
        // Create the images
        img_list.map(function (i) {
            $slides.push($('<img>').attr('src', i).hide().appendTo(container));
        });     

        current.$slide = $slides[0];
        current.ith = 0;

        // Initialize binds (jquery hotkeys or something)
        $(document).bind('keydown', '>', function () {
            // Do stuff
            self.next();
        });

        $(document).bind('keydown', '<', function () {
            // Do stuff
            self.prev();
        });

    };

    this.indexTo = function (i) {
        current.$slide.hide();
        current.$slide = $slides[i];
        current.ith = i;

        if (current.$slide ==== undefined) {
            if (i < 0) {
                current.$slide = $slides[$slides.length - 1];
                current.ith = $slides.length - 1;
            } else {
                current.$slide = $slides[0];
                current.ith = 0;
            }
        }

        // Effects or something else
        return current.$slide.show();
    };

    this.next = function () {
        return self.indexTo(current.ith++);
    };

    this.prev = function () {
        return self.indexTo(current.ith--);
    };

    initialize();
};

Не знам за навигацията с клавиатура, но отговорът, който приех на този подобен въпрос трябва да те оправи.

РЕДАКТИРАНЕ: Току-що разбрах, че включва и навигация с клавиатура. Вижте как го внедрих за справка, ако желаете (щракнете върху раздела фолио).

Прегледайте някои от миналите статии/артикули на http://www.designfloat.com/ - има доста отлични примери на jQuery за това, което се опитвате да направите.

За разбирането,

Рене Пилон

Този плъгин jQuery, наречен Cycle, е едно от най-хубавите слайдшоута, които съм виждал (това не е тип лайтбокс). Прегледах документите и изглежда, че няма поддръжка на клавиатура, нито опция за използване на масив за изображенията, но има примери за динамично добавяне на още изображения. Както и да е, преценете сами.