2013-02-12 2 views
-1

Я новичок в мире веб-разработки, я хотел бы знать, есть ли способ, которым я могу программно;Программно добавьте изображение в HTML5

  • дисплей изображение
  • скрыть/удалить изображение

Мне нужно сделать это, нажав на кнопку (кнопка для каждого действия)

какие-нибудь идеи?

+3

Вы ищете JavaScript. –

+0

javascript и jquery - это самый простой способ пойти ... и зная, что один из них или оба очень обязательны для любого развития на высоком уровне ... так что вы должны изучить один или оба из них. –

+1

@IlanBiala jQuery IS javascript. .. Я бы вряд ли назвал jQuery обязательным. – Snuffleupagus

ответ

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

видимость: скрытый скрывает изображение, но сохраняет свое место на странице ... пока видимость: ни один не удаляет изображение со страницы и не реорганизует его. .бедитесь, что вы используете –

+0

Спасибо, это именно то, что мне нужно :) @IlanBiala Спасибо за отзыв, есть ли у вас предложение о том, как удалить изображение из памяти (не хотите ли вы проходить утечку памяти проблемы) – user1415780

+0

У html нет серьезных проблем с памятью, когда вы делаете простые вещи .... вам обычно не нужно беспокоиться об этом, и в любом случае вам действительно нужно дать конкретный сценарий, ваши вопросы слишком расплывчаты для меня помочь тебе... –

Смежные вопросы