jquery - 用 jQuery 写 LI

Question

我正在自定义现有的 jQuery 幻灯片，想知道是否有人可以帮助更改将 Flickr 源图像写入 LI 的背景图像 CSS 类的基本系统，而不是将其写为 LI 中的内联图像。

当前代码是：

$.each(r.query.results.photo,function(){
    data = this;
    // Creating a new LI element with the photo as its
    // centered background image:
    $('<li>', {
        css : {
            backgroundImage: 'url('+templateReplace(flickrSRC,data)+')',
            width: options.width
        }
    }).appendTo(ul);
});

因此，不是将图像写入背景图像 CSS 类，而是可以将图像 src 写入包含在 LI 中的项目中 - 所以它变成：

<li><img src="url('+templateReplace(flickrSRC,data)+')'" /></li>

我正在努力解决方法！

Answer 1

尝试这个

$.each(r.query.results.photo,function(){
    data = this;
    // Creating a new LI element with the photo as its
    // centered background image:
    $('<li>').html($("<img>").attr("src", templateReplace(flickrSRC, data))).appendTo(ul);
});

Answer 2

你不需要改变这个滑块，你可以使用下面链接的插件。这个滑块会滑动每个 html 元素。这是下载链接：http ://caroufredsel.dev7studios.com

;)