Member 13898220 Ответов: 1

Мне нужно скрытое изображение показать код с HTML и JS

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

Что я уже пробовал:

я попробовал с кодом, но когда я перепечатываю его с другим рисунком, он указывает на тот же самый рис
код таков 
<pre><a id="show_image">Show Image</a>
<img id="my_images2" style="display:none" 



src="https://i49.servimg.com/u/f49/19/59/89/07/02010.jpg">

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
      $('#show_image').on("click", function(){
         $('#my_images').show('slow');
      });
   });
</script>

1 Ответов

Рейтинг:
0

Mohibur Rashid

Я потратил некоторое время на разработку этого для вас

<html>
	<body>
		<img height="200px" width="200px" src="sc.png" id='image_1' style="display:none" />
		<a class='testClass' data-id=image_1>Show Image</a><br>
		<img src="sc.png" id='image_2' style="display:none" />
		<a class='testClass' data-id=image_2>Show Image</a>
		
		
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		<script>
			$(document).ready(function(){
					$('.testClass').on("click", function(){
					console.log(document.getElementById(this.getAttribute("data-id")));
					
					$("#"+this.getAttribute("data-id")).show();
					
					});
			});
		</script>
	</body>
</html>

sc.png-это тестовый файл, который я использовал.

Member 13898220

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