نمایش عکس [بایگانی] - برنامه نویس

zahra-j

دوشنبه 26 خرداد 1393, 18:19 عصر

سلام
من می خوام وقتی روی یک عکس کلیک می کنم اندازه اون مثلا سه برابر بشه وقتی برای بار دوم کلیک می کنم به اندازه قبلی برگردد این کد نوشتم ولی جواب نمیده
var aaa=true;

if (aaa)
{
$("img.image").click(function() {
$("img.image").animate({width:"340px",height:"240p x"},function() {
aaa=false;
return aaa;});
});
}
else
{
$("img.image").click(function() {
$("img.image").animate({width:"170px",height:"240p x"},function() {
aaa=true;
return aaa;});
});
}

می خواستم بدونم مشکل کد از چیه؟ یا اینکه با css3 میشه براش کد نوشت؟

دانیال دزفولی

دوشنبه 26 خرداد 1393, 18:44 عصر

<!DOCTYPE HTML><html>
<head> <meta charset="utf-8"> <script src="js/jquery-1.11.1.min.js"></script> <script> $(document).ready(function() { var w = $('img').width(); var h = $('img').height();
var dani = true;
$('img').click(function() { if (dani) { $('img').animate({ height: 3 * h, width: 3 * w }) } else {
$('img').animate({ height: h, width: w }) }

dani = !dani })
}); </script> <title>game world</title></head>
<body> <img src="img/wallpapers/1.jpg" height="200"></body>
</html>