Page 1 of 1

Javascript балонче

Posted: Sun Jan 03, 2010 6:36 pm
by Lenin
Здравейте,
Искам да попитам как мога чрез Javascript да направя следното:
http://picbg.net/img.php?file=82c04ef313f8ddb9.png

Тоест, като си сложа мишката на името - в случея A420 да ми излиза това квадратче с картинката?

Posted: Sun Jan 03, 2010 6:52 pm
by FreeStylerz
<script type="text/javascript">
$(function () {
var offsetY = 15;
var offsetX = 15;
$('.class').hover(function(event) {
var src = $(this).attr("src");
$('<img id="bigimage" src="' + src + '" alt="bigimage" >')
.css("top", event.pageY + offsetY)
.css("left", event.pageX + offsetX)
.appendTo("body");
}, function() {
$("#bigimage").remove();
});
$('.class').mousemove(function(event) {
$("#bigimage").css("top", event.pageY + offsetY).css("left", event.pageX + offsetX);
});
});
</script>
Там кадето е .class пишеш класа на картиката ако няма клас сложи някакъв в случая е .class

Posted: Sun Jan 03, 2010 6:57 pm
by emagi

Posted: Sun Jan 03, 2010 7:11 pm
by Lenin
Благодаря и на двама ви!
Ще дам точката на FreeStylerz, тъй като първи отговори!
Благодаря и на emagi! :)