如何更改图片而不在html中留下网页?

时间:2014-04-06 13:24:59

标签: html css

我正在制作一个html页面,其中左侧有几个垂直排列的小按钮图片,右侧有一个巨大的图片。单击左侧按钮图片时,右侧巨大的图片应更改为与按钮对应的内容。

我知道通过使用我可以在不同的区域显示图片。但我不知道如何通过点击另一张图片来改变图片。怎么做?

3 个答案:

答案 0 :(得分:1)

我知道如何改变它!通过回顾几个月前写的自己的HTML代码,我已经有了这个想法。

您只需在<' a'>中添加目标属性即可。标签指向iframe目标! 然后,您可以点击图片或txt更改iframe中的内容。

例如:

<a href="/html/pink.html" target="iframe">Pink World</a>

点击&#34; Pink World&#34;您可以在if-html文档下将iframe的内容更改为pink.html的内容。

就这么简单!

答案 1 :(得分:0)

您可以使用JavaScript通过使用图片DOM中的事件来更改页面HTML以便更改图像。

答案 2 :(得分:0)

点击按钮时使用javascript更改,这里有两个初学者教程,第一个用于点击事件,第二个用于更改图像src

onClick Event
change img src

结合这两个代码来实现您的目标