建议为选择图像创建代码
Advice to create a code for selectin image
我想创建一个函数(javascript),其中一些图像显示在屏幕上,用户只需单击即可选择其中一个。选择后,图片的 src 将存储在变量中。到目前为止,我制作了一个图像数组,但我不知道这是否是正确的方法,你们中有人有一些提示吗?谢谢大家!
<script typre="text/javascript">
var img = new Array();
img[0] = new Image();
img[0].src = "../images/poggiatesta2.jpg";
img[1] = new Image();
img[1].src = "../images/poggiatesta1.JPG";
for (var i = 0; i < img.length; i++) {
document.body.appendChild(img[i]);
};
</script>
试试这个:
var img = new Array();
img[0] = new Image();
img[0].src = "http://dummyimage.com/200/000/fff&text=Img0";
img[1] = new Image();
img[1].src = "http://dummyimage.com/200/000/fff&text=Img1";
img[2] = new Image();
img[2].src = "http://dummyimage.com/200/000/fff&text=Img2";
for (var i = 0; i < img.length; i++) {
var imagetag = document.createElement("img");
var onclick = document.createAttribute("onclick");
onclick.value = "myfun("+i+")";
var sorc = document.createAttribute("src");
sorc.value = img[i].src;
var id = document.createAttribute("id");
id.value = "my_image"+i;
imagetag.setAttributeNode(onclick);
imagetag.setAttributeNode(sorc);
imagetag.setAttributeNode(id);
document.body.appendChild(imagetag);
};
function myfun(i) {
var src = document.getElementById('my_image'+i).src;
//you can do anything with 'src' here
document.getElementById('demo').innerHTML = src; //for demo purpose
}
<p id="demo"></p>
相关文章:
- 创建一个循环来简化HTML和CSS代码
- 如何创建更好的方式来维护基于我的代码访问的最后一个页面
- Markdown模式代码镜像正在创建
- 如何在Google chrome安全首选项文件中创建扩展安全哈希代码
- 创建对象函数原型和代码是错误的
- 如何在不编写样板代码的情况下在Node中创建可重用函数
- 代码挑战:创建一个跟踪对象实例总数的类Foo
- 正在从帧创建时间代码
- 如何使用我的Jquery代码创建委托事件侦听器
- JavaScript代码优化-创建可重用类
- 如何在jquery中为object键创建一个工作变量以避免额外的代码
- 使用Javascript创建的Cookie在C#代码中不可访问..任何原因或其他选择
- 使用Promise来创建“;原子“;Javascript中的代码块
- HTML 运行时创建代码非常慢
- 建议为选择图像创建代码
- 运行Greasemonkey在DOM中创建代码
- 创建代码以逐个运行函数(DOM)的一些想法
- 从Web表单创建代码片段(易于剪切和粘贴)
- 你能为iPhone创建代码吗;添加到主屏幕'按钮放在网页上
- 如何在组合中创建代码