Jquery изображение / ротатор контента, который использует простой текстовый файл и папку с изображениями в качестве контроллера? - PullRequest
Новая
       9

Jquery изображение / ротатор контента, который использует простой текстовый файл и папку с изображениями в качестве контроллера?

0 голосов
/ 27 декабря 2011

Мне нужно добавить простой ротатор в верхнюю часть сайта друга.Так как у друга нет знаний в области технологий / html, и я не хочу, чтобы меня постоянно вызывали для изменения часто меняющегося контента, я надеялся, что был доступен плагин, который может использовать простой текстовый файл для управления плагином?

Я имею в виду простой макет «один элемент на строку», например:

image001.jpg, «Это заголовок для изображения 1», sitepage.html
image002.jpg,«Это еще один заголовок и он относится к изображению 2», «/news/newsItem2.html"
...
и так далее.

Таким образом, мой друг может просто загрузить необходимые фотографии, отредактировать файл и загрузить его в папку и перезагрузить страницу.Плагин просматривает текстовый файл с именем изображения (которое, я надеюсь, загрузил мой друг!) И использует его, накладывает заголовок на изображение и делает все это интерактивной ссылкой, которая идет по указанному URL.Очевидно, что если это страница сайта, на которую он ссылается, ему сначала нужно будет создать страницу, но, возможно, он ссылается на внешнюю страницу, чтобы полностью ее контролировать.

1 Ответ

1 голос
/ 27 декабря 2011

Я не знаю, есть ли такой плагин, но вы можете попробовать что-то вроде: 

$.ajax({
    url: "yourtextfile.txt",
    success : function(content)
    {
        var lines = content.split("\n");

        $.each(lines, function(key, line){
            // ---------------
            // TODO:  Do some splits to get the content
            // ---------------
            // Add the URL's and image to the slider content.
            $("#slider").append("<a href='" + splittedURL + "'><img src='" + splittedImgURL + "' /></a>");
        });
        // Initialize slider
        $("slider").slider();
    }
});

Теперь вы можете использовать любой слайдер, который вам нравится.

...