Создание / исчезновение img в html5

0

Я использовал кнопку по этой ссылке: позиционирование изображений в HTML (с помощью кнопки создания образов)... Но я хочу знать, как сделать изображение исчезающим, если оно уже было размещено с помощью кнопки. Надеюсь, это может использовать ту же кнопку. Есть идеи?

  • 0
    Не могли бы вы обновить свой вопрос, чтобы показать соответствующий код (HTML, CSS и JavaScript)? В идеале также предоставьте ссылку на демонстрацию JS Fiddle, показывающую ваш код в действии.
  • 0
    Работа с JS скрипкой.
Теги:
image

2 ответа

1
Лучший ответ

дать изображение и id="myImage"

а потом

if(myImage.style["visibility"]=="visible"){
myImage.style["visibility"]="hidden";
else
{
myImage.style["visibility"]="visible";
}
Поделиться
  • 0
    Подождите, я заставляю изображение появляться после того, как вы открываете веб-страницу, так как мне прикрепить идентификатор к изображению? Должен ли я добавить еще один раздел в функцию? Спасибо за ответ, кстати
  • 0
    Я обнаружил, что могу просто использовать функцию location.reload () для перезагрузки сайта. (Это не будет выборочно удалять изображения, которые я поместил, и они должны быть изначально не там / скрыты)
Показать ещё 5 комментариев
1

Вы можете скрыть изображение, установив атрибут "display" в "none" (скрытый) или "начальный" (видимый). Пусть ваша кнопка запускает функцию, которая меняет состояние изображения, как показано ниже (Javascript):

var img = document.getElementById('yourImageID');

function toggleImg(){
if ( img.style.display == 'none' ){ img.style.display = 'initial'; }
else { img.style.display = 'none'; }
}

Атрибут "видимость" сохранит свободное пространство и просто закроет его, где "дисплей" не сохранит пространство.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню