请教如何将一张图片替换成多张图片

HyunA_red 2015-05-12 04:52:42

在页面中某个位置默认是一张图片

，点击按钮事件后，将图片替换成系统时间的多张图片

但是一操作后就会跳转到一个新的页面只显示这些图片，请教大神，如何在原页面，原位置，完成替换。

...全文

151 7 打赏收藏转发到动态举报

写回复

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

HyunA_red 2015-05-13

打赏
举报

是 document.write的问题，会覆盖当前页面的值，我是用appendchild挨个添加的，谢谢大家

Go 旅城通票 2015-05-12

打赏
举报

不要用document.write。。文档流关闭后再调用document.write会覆盖当前页面的值。。设置容器的innerHTML

HyunA_red 2015-05-12

打赏
举报

后边的日期图片是这样生成的

tony4geek 2015-05-12

打赏
举报

是这个？

<!DOCTYPE html>
<html>
<head>
<script src="http://ask.csdn.net/js/jquery-1.11.1.min.js">

</script>
<script>

$(document).ready(function() {
        $("p").click(function() {
                var html = '<img src="http://avatar.csdn.net/4/9/A/1_hhyshny.jpg"/><img src="http://avatar.csdn.net/3/2/E/1_vesania.jpg"/>'
                $("div").html(html);
        });
});
</script>
</head>
<body>
<p>点击我</p>
<div>
<img src="https://img-bbs.csdn.net/upload/201505/12/1431420450_487522.jpg"/>
</div>

</body>
</html>

娃都会打酱油了 2015-05-12

打赏
举报

<div id="dv_container"><img src="日期.jpg" val="2015-05-12"/></div>

$('button').click(function () {
                var dvC = $('#dv_container');
                var date = dvC.find("img:first").attr('val');
                var h = '';
                for (var i = 0; i < date.length; i++) {
                    h += '<img src="' + date[i] + ".jpg' />";
                }
                dvC.html(h);
            });

图片路径自行替换