Увеличаване на картинка

[Dizasterr]

Здравейте! Как мога да направя, така че когато мишката е върх картинката тя да се увеличава. Искам това да е с jQuery. Ето какво направих, но не мога да се сетя как трябва да стане това:

<html>
<head>
<script src="../jquery-1.3.2.js" type="text/javascript"></script>
<script>
function showPic() {
      $("#barrack").animate({ 
        width: "25%",
        opacity: 1.0,
        marginLeft: "0.6in",
        fontSize: "3em", 
      }, 1500 );
 };
function hidePic() {
      $("#barrack").animate({ 
        width: "25%",
        opacity: 0.8,
        marginLeft: "0.0in",
      }, 1500 );
};
</script>
<style>
#barrack {
	width: 200px;
	height: 200px;
	background: url("../images/barrack.png");
}
</style>
</head>
<body>
<div id="barrack" onmouseover="showPic();" onmouseout="hidePic();">
</div>
</body>
</html>

 

[justspy]

Виш как е така, само си редактирай картинките итам каквото искаш, защото аз нямах картинката ти и си ползвах кутийка с черен цвят ..

<html>
<head>
<script src="jquery-1.3.2.js" type="text/javascript"></script>

<style type="text/css">
#box {
   background-color:#000;
   width: 200px;
   height: 200px;
   
}
</style>


<script language="javascript" type="text/javascript">

$(function()
{

$("#box").hover(function()
{
$(this).animate(
{
"height" : "600px"
}, 2000
);

});

});


</script>

</head>


<body>


<div id="box"> <a href="#"></a> </div>


</body>
</html>

 

[justspy]

Какво стана ? получи ли се ?

 

[Dizasterr]

То се получи, ама май ще търся друг начин. Искам картинката да се приближава към теб.

 

[slideR]

Ако искаш ще ти дам image wrap ефекта е onclick обаче!

 

[justspy]

е добре де обясни какво точно искаш сега .. и ще ти го направим .. как така да идва към теб ..

 

[Dizasterr]

Еми все едно като popUp. Увеличава си размера. Не с това width и height.