Показать сообщение отдельно

  #2  
Старый 03.08.2009, 22:55
diGriz
Участник форума
Регистрация: 11.10.2006
Сообщений: 134
С нами: 10305836

Репутация: 235
По умолчанию

2 Myload. Нечто подобное делал с помощью jQuery. Только у меня уменьшинные копии картинок были, вместо ссылок.
Под твой вариант:
PHP код:
<script type="text/javascript" src="jquery.js"></script>

<
style type="text/css">
#largeImage {
positionabsolute;
padding.5em;
background#e3e3e3;
border1px solid #BFBFBF;
}

a img {
bordernone;
}
</
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..
 
Ответить с цитированием