使用JavaScript替代jQuery幻灯片中的img标记替换

时间:2011-05-30 17:10:25

标签: javascript jquery html css ajax

我有一个用jQuery编写的幻灯片脚本,它目前从我的HTML代码中的img标签中提取我的图像的URL。您可以在http://jsfiddle.net/F4uhJ/找到我的工作代码。

我希望我的代码从JavaScript而不是img标记中获取URL。例如:

0:"image-url",
1:"image-url",
2:"image-url",
3:"image-url",
4:"image-url",

我怎么能将这个加入到我当前的代码中?同样,链接是http://jsfiddle.net/F4uhJ/

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/niklasvh/F4uhJ/13/这样的东西?

编辑位:

var imgarray = ['http://img.wallpaperstock.net:81/king-john%27s-castle-wallpapers_4579_1600x1200.jpg',
            'http://news.satimagingcorp.com/wp-content/uploads/2007/07/colosseum_in_rome_italy_-_april_2007.jpg'

            ];


        $.each(imgarray,function(index,item){
           var child = $('<img />').attr('src',item).appendTo(slider);

            var childHeight = child.height();
            if(childHeight > slider.height()){
                slider.height(childHeight);
            }
            child.css('display','none');
        });

        var kids = slider.children();