Javascript 我想把我的图像放在<；部门>；而不是图像数组

我希望能够做的是，而不是将JavaScript的图像放在图像数组中。我希望它们位于div

fadeshow1

中，但我不知道如何操作

标记：

使用图像数组的代码：

var mygallery=新的fadeSlideShow({
wrapperid:“fadeshow1”//PageToHouse幻灯片上空白DIV的ID
尺寸：[250，180]，//画廊的宽度/高度（以像素为单位）。应反映最大图像的尺寸
图像阵列：[
["http://www.dynamicdrive.com/dynamicindex4/pool.jpg，，，，，，，，“天气热的时候，没有什么比在游泳池旁边放松更棒的了。”，
["http://www.dynamicdrive.com/dynamicindex4/cave.jpg", "http://en.wikipedia.org/wiki/Cave“，“_new”，“有一天我想探索这些洞穴！”，
["http://www.dynamicdrive.com/dynamicindex4/fruits.jpg"],
["http://www.dynamicdrive.com/dynamicindex4/dog.jpg，，，，，，，，“这是一个多么美丽的景色，万物都在变色。”]/

下面是一个非常简单的版本：

var myImages = [];

$("#fadeshow1 img").each(function(index, element){
    var $element      = $(element), 
        altText       = $element.attr('alt'),
        $parentLinkEl = $element.parent('a'),
        linkUrl,
        linkTarget;

    if ($parentLinkEl.length)
    {
        linkUrl    = $parentLinkEl.attr('href');
        linkTarget = $parentLinkEl.attr('target');
    }

    if (linkUrl === void 0)
    {
        linkUrl = '';
    }

    if (linkTarget === void 0)
    {
        linkTarget = '';
    }

    if (altText === void 0) {
        altText = '';
    }
    myImages.push([$element.attr('src'), linkUrl, linkTarget, altText]);
});

用法：

<div id="fadeshow1">
    <img src="image1" alt="foo"/>
    <a href="http://google.de"><img src="image2"/></a>
    <a href="http://wikipedia.org" target="_top"><img src="image3" alt="bar" /></a>
</div>

为什么您不能在CSS中编辑图片？您需要在div的id周围加引号
var myImages = [];

$("#fadeshow1 img").each(function(index, element){
    var $element      = $(element), 
        altText       = $element.attr('alt'),
        $parentLinkEl = $element.parent('a'),
        linkUrl,
        linkTarget;

    if ($parentLinkEl.length)
    {
        linkUrl    = $parentLinkEl.attr('href');
        linkTarget = $parentLinkEl.attr('target');
    }

    if (linkUrl === void 0)
    {
        linkUrl = '';
    }

    if (linkTarget === void 0)
    {
        linkTarget = '';
    }

    if (altText === void 0) {
        altText = '';
    }
    myImages.push([$element.attr('src'), linkUrl, linkTarget, altText]);
});

<div id="fadeshow1">
    <img src="image1" alt="foo"/>
    <a href="http://google.de"><img src="image2"/></a>
    <a href="http://wikipedia.org" target="_top"><img src="image3" alt="bar" /></a>
</div>

[
    ["image1", ""                     ,""     , "foo"],
    ["image2", "http://google.de"     ,""     , ""],
    ["image3", "http://wikipedia.org" ,"_top" , "bar"]
]