JQuery помощь с изображением на изображении - PullRequest
Новая
       16

JQuery помощь с изображением на изображении

0 голосов
/ 10 августа 2010

Я работаю с JQuery.У меня есть основное изображение.

Когда я помещаю мышь над основным изображением, я бы хотел, чтобы произошло следующее.

Другое изображение размещается поверх изображения, это изображение намного меньше иразмещены в нижней части основного изображения.

Также, когда появляется маленькое изображение, если я нажимаю на него, происходит событие.Например.окно оповещения сработало.Нажатие на маленькое изображение должно вызвать окно предупреждения, щелкнуть основное изображение не следует.

Может ли кто-нибудь помочь мне с этим, пожалуйста, с помощью jquery?

1 Ответ

0 голосов
/ 10 августа 2010

Вот самый простой пример, который я мог бы привести.В будущем было бы лучше, если бы вы показали код, который у вас уже есть.Это едва ли требует jquery. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script>
    $(function() {
        $('#image-2').click(function() { alert('meow'); });
    });
</script>
<style>
    #image-2 { position: absolute; left: 50px; bottom: 5px; display:none; }
    #container:hover #image-2 { display: block; }
</style>
</head>
<body>
<div id="container" style="position: relative">
<img id="image-1" src="http://www.freefoto.com/images/01/07/01_07_1---Pair-of-Dogs_web.jpg?&k=Pair+of+Dogs" />
<img id="image-2" src="http://www.coolbuddy.com/social/imgs/cat64x64.jpg" />
</div>
</body>
</html>
...