0

再次向我的 JS 救星们问好!我还有另一个难题:: 我有一个名为“homebanner”的 div,其中包含文本和背景图像。我的客户决定他希望 #homebanner 在重新加载时更改为 4 张图片/幻灯片。

所以,我这样做是为了改变背景::

JS代码

jQuery(function($){
$('#homebanner').css({backgroundColor: "#fff"}); 
var totalCount = 4; 
var num = Math.ceil( Math.random() * totalCount );
function setBGImage() { 
var bgimage = 'http://bwpcommunications.com/TESTING/images/homepage/'+num+'.jpg';
$('#homebanner').css(
{
backgroundImage:"url("+bgimage+")",
}); 
} 
setBGImage(); 
});

而且效果很好!所以我很兴奋。但是我想不出一种方法来让特定的标题文本与每张图片相对应。这可能吗?此外,这里是测试站点http://www.bwpcommunications.com/TESTING/的链接。如您所见,当您刷新页面时,图像会发生变化,但文本不会。

任何帮助都是极好的!

谢谢,

沙德纳

4

1 回答 1

0

将您想要的任何标题文本选项放入数组中

var hText = ["blue jeans", "red jeans", "ripped jeans", "plaid"];

然后在设置背景图像之后,您可以使用该num变量从数组中选择相应的文本(或者如果您希望它是随机的,您可以再次生成随机数)。然后只需在页面上设置文本即可。

$('#htxt').html(hText[num]);

或者在普通的 javascript 中:

document.getElementById('htxt').innerHTML = hText[num];

根据图像的编号方式,您可能需要这样做,num - 1因为数组索引为 0。

于 2013-07-09T21:01:59.093 回答