Отображение изображения при нажатии кнопки

Удивляясь, как бы я установил набор видимости изображений, нажав кнопку.Отображение изображения при нажатии кнопки

<body class="body page-index clearfix"> 
<img class="image image-1" src="http://exmoorpet.com/wp-content/uploads/2012/08/cat.png"> 
<img class="image image-2" src="http://exmoorpet.com/wp-content/uploads/2012/08/cat.png"> 
<button class="_button" >Test</button> 
<img class="image image-3" src="http://exmoorpet.com/wp-content/uploads/2012/08/cat.png">

.image { 
    display: block; 
    visibility: hidden; 
    height: auto; 
    overflow: hidden; 
}

скрипку: https://jsfiddle.net/cz5yyu83/

источник

2015-11-01 armi

Во-первых, включить библиотеку JQuery в голове тега:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

И после этого использовать этот скрипт:

$(document).ready(function() { 
    $('._button').click(function(){ 
     $('.image').css('visibility', 'visible'); 
    }); 
});

Вот jsfiddle: https://jsfiddle.net/cz5yyu83/1/

источник

2015-11-01 23:25:49

С JQuery:

$(document).ready(function() { 
    $('._button').click(function() { 
     $('.image').css('visibility','visible'); 
    }); 
});

https://jsfiddle.net/hyh9zajp/

С чисто Javascript, это очень просто, тоже:

var button = document.getElementsByClassName('_button'); 
var images = document.getElementsByClassName('image'); 

button.addEventListener('click', function() { 
    images.style.visibility = "visible"; 
});

источник

2015-11-01 23:29:09 TheCarver

Отображение изображения при нажатии кнопки

ответ

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