Siva Prasad Ответов: 3

при наведении курсора мыши на маленькое изображение оно будет показывать большое изображение

как получить большое изображение при наведении курсора мыши на маленькое изображение, пожалуйста, помогите мне, если это возможно.............

Sandeep Mewara

Ты что-нибудь пробовал?

3 Ответов

Рейтинг:
2

hamid-shrk

Привет,
вы можете использовать jQuery lightbox :
библиотека jQuery lightbox1
jQuery lightbox2

Рейтинг:
12

P.Salini

Это может вам помочь

http://social.expression.microsoft.com/Forums/en/web/thread/029ced06-6d43-4c21-8adc-71a9079fd8ec[^]

http://forums.asp.net/t/1495100.aspx/1[^]

Maciej Los

Полезные ссылки, 5!

P.Salini

Спасибо лосмак

VJ Reddy

Мои 5!

P.Salini

Спасибо ви джей

Рейтинг:
0

Sergey Alexandrovich Kryukov

С jQuery все просто:

<html>
<head>
    <title> ... </title>
    <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
</head>
<body>

	<img alt="Image" id="image" />	
	
	<script type="text/javascript">

                $(document).ready(function() {
			imageElement = $("#image"); // element img found by its attribute id="image"
			imageElement.attr("src", "small.png"); // start with small image
			imageElement.hover(
				function() { // mouse moves over the image
					$(this).attr("src", "big.png");
				},
				function() { // mouse goes out
					$(this).attr("src", "small.png");
				}
			);
		});
        
        </script>

</body>
</html>


Я предполагаю, что у вас есть два изображения "small.png" и "big.png", в основном, оба могут быть сделаны из одного и того же исходного изображения, но "small.png" был повторно выбран до меньшего размера с одинаковым соотношением сторон.

Это работает, проверено.

Если вам нужно изучить jQuery, пожалуйста, смотрите:
http://en.wikipedia.org/wiki/JQuery[^],
http://jquery.com/[^],
http://docs.jquery.com/Tutorials:How_jQuery_Works[^],
http://docs.jquery.com/Tutorials[^].

—СА

VJ Reddy

Мои 5!

Sergey Alexandrovich Kryukov

Спасибо, ви-джей.
--СА