نمایش عکس توسط jquery

[ali_mnkt]

سلام دوستان

سایت زیر رو ببینید . در قسمت نمونه پروژه ها وقتی با mouse روی عکس نمونه کارها می ریم یک effect جالب می گیره . می شه راهنمایی کنید چطور می شه این رو پیاده سازی کرد ؟

http://sitedesign-co.com

[farhud]

سلام دوستان

سایت زیر رو ببینید . در قسمت نمونه پروژه ها وقتی با mouse روی عکس نمونه کارها می ریم یک effect جالب می گیره . می شه راهنمایی کنید چطور می شه این رو پیاده سازی کرد ؟

کدوم سایت زیر؟؟؟؟

[Progman.ir]

سلام دوستان

سایت زیر رو ببینید . در قسمت نمونه پروژه ها وقتی با mouse روی عکس نمونه کارها می ریم یک effect جالب می گیره . می شه راهنمایی کنید چطور می شه این رو پیاده سازی کرد ؟

http://sitedesign-co.com

خیلی خیلی خیلی سادس و نیازی به دانش جی کوئری هم نداری.این سایت و سایتایی مثل این که اینهو قارچ سبز میشن و با کپی پیست چند تا قالب برای خودشون نمونه کار میزارن ، همشون آماتوری هستن و مهارت خاصی ندارن در کد هاشون.

[ali_mnkt]

خیلی خیلی خیلی سادس و نیازی به دانش جی کوئری هم نداری.این سایت و سایتایی مثل این که اینهو قارچ سبز میشن و با کپی پیست چند تا قالب برای خودشون نمونه کار میزارن ، همشون آماتوری هستن و مهارت خاصی ندارن در کد هاشون.

خوب حداقل راهنمایی می کردی که چطور این کار رو انجام بدم

[ali_mnkt]

کسی نمی تونه کمک کنه ؟

[Engineer_hamed]

سلام این کار را با css می تونی به راحتی انجام بدی اینم کدش اول یه div تعریف می کنی بعد آی دی شو میزاری div
.div
{
text-align:center;
background-color:White;
width:180px;
height:200px;
border:none;

}
.div:hover
{
background-color:rgb(216,216,216);
box-shadow: 0 0 11px 4px #999;
height:220px;
width:200px;
border-color:Green;
}


<div class="div" align="center">
<img src="2.jpg" width="180px" height="200px" />
</div>

[javad13]

از این استفاده کن:
.imgD:hover
{


transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
-moz-transform:scale(1.2);

}
این Css3.0 هستش

[javad13]

.imgD:hover
{


transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
-moz-transform:scale(1.2);

}