
03.08.2009, 22:55
|
|
Участник форума
Регистрация: 11.10.2006
Сообщений: 134
С нами:
10305836
Репутация:
235
|
|
2 Myload. Нечто подобное делал с помощью jQuery. Только у меня уменьшинные копии картинок были, вместо ссылок.
Под твой вариант:
PHP код:
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
#largeImage {
position: absolute;
padding: .5em;
background: #e3e3e3;
border: 1px solid #BFBFBF;
}
a img {
border: none;
}
</style>
<script type="text/javascript">
$(function() {
var offsetX = 20;
var offsetY = 10;
$('a').hover(function(e) {
var href = $(this).attr('href');
$('<img id="largeImage" src="' + href + '" alt="big image" />')
.css('top', e.pageY + offsetY)
.css('left', e.pageX + offsetX)
.appendTo('body');
}, function() {
$('#largeImage').remove();
});
$('a').mousemove(function(e) {
$("#largeImage").css('top', e.pageY + offsetY).css('left', e.pageX + offsetX);
});
});
</script>
</head>
<body>
<a href="one.jpg">1</a>
<a href="two.jpg">2</a>
<a href="three.jpg">3</a>
</body>
</html>
Последний раз редактировалось diGriz; 03.08.2009 в 22:57..
|
|
|