带有查询移动的随机图像和文本
带有查询移动的随机图像和文本
提问于 2013-04-14 17:41:41
当单击初始屏幕图像(在JavascriptSource上找到)时，我有一些代码用于生成随机图像：
<script type="text/javascript">
<!-- Original: Nicholas Lupien-->
<!-- Begin
var rand1 = 0;
var useRand = 0;
images = new Array;
images[1] = new Image();`
images[1].src = "../../Myimages/images/01.png";
images[2] = new Image();
images[2].src = "../../Myimages/images/02.png";
images[3] = new Image();
images[3].src = "../../Myimages/images/03.png";
images[4] = new Image();
images[4].src = "../../Myimages/images/04.png";
images[5] = new Image();
images[5].src = "../../Myimages/images/05.png";
images[6] = new Image();
images[6].src = "../../Myimages/images/06.png";
function swapPic() {
var imgnum = images.length - 1;
do {
var randnum = Math.random();
rand1 = Math.round((imgnum - 1) * randnum) + 1;
} while (rand1 == useRand);
useRand = rand1;
document.randimg.src = images[useRand].src;
}
// End -->
</script>代码的这一部分工作得很好:用户点击图像，图像更改为数组中的另一个随机图像。
，但是，我想添加一个描述性文本，以便用文本生成图像。，我不知道如何将文本与正确的图像匹配，并使其与图像一起随机生成。我正在使用。
步骤：
1.用户点击初始随机图像(来自不同数组的文本描述？)在设备上。
2.用户看到带有描述性文本的随机图像。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-04-14 17:48:27
您将需要一个元素将描述放入其中，并存储描述。例如，我已经稍微减少了您的代码，但是逻辑是相同的：
var rand1 = 0;
var useRand = 0;
var descriptions = [];
images = new Array;
images[1] = new Image();
images[1].src = "../../Myimages/images/01.png";
descriptions[1] = 'This is a description';
images[2] = new Image();
images[2].src = "../../Myimages/images/02.png";
descriptions[2] = 'This is another description';
var descriptionHolder = document.getElementById('description_holder');
function swapPic() {
var imgnum = images.length - 1;
do {
var randnum = Math.random();
rand1 = Math.round((imgnum - 1) * randnum) + 1;
}while (rand1 == useRand);
useRand = rand1;
document.randimg.src = images[useRand].src;
descriptionHolder.innerHTML = descriptions[useRand];
}为此，向具有description_holder id的页面添加了一个新元素。
Stack Overflow用户
发布于 2013-04-14 17:46:14
您可以简单地使用alt (或title)属性：
images[1].alt = "text of image";页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16002197
复制相关文章
相似问题
腾讯云开发者
