图片廊随着div容器

Question

我试着去建立这样的画廊与jQuery：

我想在每个容器的div不同的背景图像，以及不同的图像（IMG）在每个div。

我也希望divs能够一个接一个地淡入淡出，并且在新页面加载时淡出。

我将如何设置？

Answer 1

你最好使用jQuery并使用fadeIn和fadeOut函数。你可以将fadeIn函数串在一起，以便在加载之后移动到下一个函数。

jQuery('#div1').fadeIn('slow', function() { 
    jQuery('#div2').fadeIn('slow', function() { 
      //repeat for div3, div4, etc etc.. 
    }) 
}); 

而且，背景图像，你只要给每个div的一个id，并通过CSS设置背景图片：

#div1 { 
    background-image: url(images/test.jpg); 
    width: 100px; 
    height: 100px; 
    background-repeat: none; 
} 

对于申报单中的图像，只使用HTML将它们放置：

<div id="div1"> 
    <img src='test.jpg' width='100' height='100' alt="test" /> 
</div>