[landerorly]

Здравствуйте. Подскажите новичку. Есть блок со свойством overflow:hidden в нем выводятся фото (что-то типо галереи), при наведении на каждую из этих "фоток": 1. показывается увеличенное ее изображение 2. должно показываться описание этой "фотки". Так вот, с увеличенным фото вроде разобрался, а на "описание" чет уже не хватает мозгов/знаний/сил.

Хтмл примерно такой:

<div class="1" style="overflow:hidden">
<div class="2">
<div class="3">
<img>
</div>     
<div class="4">
<p>Описание</p>
</div> 
</div>
</div>

Скрипт который выводит увеличенное фото:

this.screenshotPreview = function(){
	/* CONFIG */

		xOffset = 190;
		yOffset = -170;

	/* END CONFIG */
        jQuery("a.screenshot").hover(function(e){
		this.t = this.title;
		this.title = "";
		var c = (this.t != "") ? "<br/>" + this.t : "";
		jQuery("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview' />"+ c +"</p>");
        jQuery("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("slow");
    },
	function(){
		this.title = this.t;
		jQuery("#screenshot").remove();
    });


	jQuery("a.screenshot").mousemove(function(e){
		jQuery("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});
};


// starting the script on page load


$(document).ready(function(){
	screenshotPreview();
});