0

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

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

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

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

4

1 回答 1

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

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

于 2011-12-27T12:46:22.630 回答