Question

我需要在朋友的网站顶部添加一个简单的旋转器。由于朋友没有技术/ HTML知识，我不想不断被要求改变经常变化的内容，我希望有一个插件可以使用一个简单的文本文件来控制插件？

我想到的是一个简单的“每行一项”布局，例如：

image001.jpg，“这是图片1的标题”，sitepage.html
image002.jpg，“这是另一个标题，属于图像2”，“/ news / newsItem2.html”
...
等等。

这样，我的朋友可以上传所需的照片，编辑文件并将其上传到文件夹并重新加载页面。该插件查看文本文件中的图像名称（我的朋友已经上传，希望！）并使用它，覆盖图像的标题，并使整个事物成为指向URL的可点击链接。显然，如果它是他链接的网站页面，他需要我先创建页面，但可能是他链接到外部页面，所以他可以完全控制它。

Answer 1

我不知道是否有这样的插件，但您可以尝试的是：

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

现在你可以使用你喜欢的任何滑块了。

Jquery图像/内容旋转器使用简单的文本文件和图像文件夹作为控制器？

1 个答案: