2013-02-12 69 views
-1

我是新来的web开发世界,我想知道是否有一种方法我可以编程方式;以编程方式在HTML5中添加图像

  • 显示图像
  • 隐藏/删除图像

我需要通过点击一个按钮(每个动作的按钮)

任何想法,这样做呢?

+3

您在寻找JavaScript。 – 2013-02-12 21:08:18

+0

javascript和jquery都是最简单的方法...并且知道其中一个或两者对于任何高层次开发都是非常强制的...所以你应该学习其中的一个或两个 – 2013-02-12 21:17:02

+1

@IlanBiala jQuery IS javascript。 ..我几乎不会称jQuery为强制性的。 – Snuffleupagus 2013-02-12 21:17:55

回答

1

使用JavaScript,你可以轻松地做到这一点。这里是一个小例子:

<p><center><button style="background:url('someImage.jpg');width:86px;height:45px"  onclick="Test()"></button></p> 
<div><img id="img1" style="visibility:hidden" src="test.jpg" width="768" height="1280" /> </div> 
<script> 
function Test(){ 
    document.getElementById('img1').style.visibility='visible'; 
} 

您可以在能见度改变值hidden隐藏图像。

This can be a good place for you to start!

+0

知名度:隐藏隐藏的图像,但保持其在网页上的位置...虽然知名度:无删除图像从页面,并重新组织它.. .be小心你使用 – 2013-02-12 21:22:00

+0

非常感谢,这正是我需要:) @IlanBiala感谢您的反馈,你有一个关于如何从内存中删除图像的建议(不想通过内存泄漏问题) – user1415780 2013-02-12 23:21:41

+0

当你做简单的事情时,html没有记忆的严重问题....你通常不必担心这一点,无论如何你应该真的给一个特定的场景,你的问题对我来说太模糊帮你... – 2013-02-13 19:05:00

相关问题