来自不同页面的jQuery load（）图像并在脚本中使用它们

Question

我想使用jQuery中的load（）函数从地址获取图像，例如load-images.php

load-images.php看起来像：

<div id="smth">

    <p><img src="images/test1.jpg" /></p>
    <p><img src="images/test2.jpg" /></p>
    <p><img src="images/test3.jpg" /></p>
    <p><img src="images/test4.jpg" /></p>
    <p><img src="images/test5.jpg" /></p>
    <p><img src="images/test6.jpg" /></p>
    <p><img src="images/test7.jpg" /></p>
    <p><img src="images/test8.jpg" /></p>
    <p><img src="images/test9.jpg" /></p>
    <p><img src="images/test10.jpg" /></p>

</div>

• JSFIDDLE - load-images.php

我需要创建一个函数来读取文件load-images.php中的所有图像，并在滑块脚本（Basic jQuery Slider）中使用它们。我想在滑块中使用加载的图像。

这是LIVE DEMOS ：
1）http://spijay.com/demo/stackoverflow-01.05.2014/load-images.php
2）http://fiddle.jshell.net/744Ew/show/（在jsfiddle.net中用于制作工作示例的相同演示）

到目前为止，我制作了这段代码：

• JSFIDDLE - JavaScript load()

Answer 1

我使用了不同的滑块Cycle2，但请尝试：

$(document).ready(function() {

setTimeout(function() {

    $('#loading').fadeOut(400, function() {

        $(this).remove();

        $('#container').load('http://fiddle.jshell.net/744Ew/show/ img', function() {

            $('#container').cycle({  speed: 600 });

        });

    });

}, 1000);

});

http://jsfiddle.net/47FP2/9/