如何更改图像元素的内容?

时间:2016-12-20 23:57:41

标签: javascript jquery html css

如何更改图像元素的内容,与更改p(HTML段落)元素中的内容类似? (参见:http://www.w3schools.com/jquery/html_html.asp

我希望在图像的默认轮播视图旁边有一个分散+排序效果按钮,当您点击时,您可能已经猜到,它会在信纸模板中进行分散和排序。

此外,单击按钮可在按键之间切换" Scatter + Sort"和" Carousel"观点。

这是我到目前为止: 轮播视图 - https://gyazo.com/18e67f7347de3310d155c0b8624b3716
固定视图 - imgur(dot)com / a / coreG [我需要10个帖子来发布两个链接]

我打算做的是按照类似的方法对Jennifer Dewalt进行为期180天的项目,除了我在无限期内完成100个项目。

更新:我有一个按钮来显示图像,但图像容器(轮播)仍然在页面上,点击按钮后不会消失。此外,在按钮单击之前,图像在屏幕的左上角显示为不可用。

更新2:我正在研究的内容:www(dot)w3schools(dot)com / css / css3_animations.asp。动画迭代计数为1.我想,如果可能的话,可以在css中重写容器类(carousel)然后在html文件中提取代码,这样我就可以操作内部的元素容器。

1 个答案:

答案 0 :(得分:-2)

document.getElementById("myImg").setAttribute("src", "my-new-image-source.jpg");

http://www.w3schools.com/jsref/met_element_setattribute.asp