堆叠式锚

时间:2010-09-05 21:16:56

标签: javascript css dojo

我有三个堆叠的图像,我使用Dojo fadeIn和fadeOut以及一个计时器旋转。只有最后一个的href可用。是否也可以旋转href?

<div id="main-slideshow">
<a href="catalog_item.php?sku=1001"><img src="images/catalog/WRP21Aug10_0014.jpg" /></a>
<a href="catalog_item.php?sku=1002"><img src="images/catalog/WRP21Aug10_0015.jpg"/></a>
<a href="catalog_item.php?sku=1003"><img src="images/catalog/WRP21Aug10_0017.jpg"/></a>
</div>

这是它的CSS:

#main-slideshow
{
    width: 300;
    height: 400;
    position: relative;
}
#main-slideshow img
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

我尝试更改z-index,但这似乎不起作用。这是我使用Dojo的第一个Javascript模块,所以我可能会错过编码。

1 个答案:

答案 0 :(得分:2)

建议淡入/淡出整个标记。或者甚至将它们包裹在三个div中,然后淡化它们。

您也可以重写脚本来更改href属性,但这可能会使事情复杂化。希望有所帮助!