PDA

View Full Version : مشکل در کد جاوااسکریپت



SasSas
جمعه 26 اردیبهشت 1393, 23:43 عصر
سلام دوستان عزیز
119124
اگه بخوام این عکس وقتی موس روش میره بزرگ بشه چی کار باید بکنم؟

parvizwpf
شنبه 27 اردیبهشت 1393, 02:36 صبح
اینجا روش رو گفته:
http://stackoverflow.com/questions/5357724/jquery-onmouseover-image-size-increase

mahdi programer
شنبه 27 اردیبهشت 1393, 08:49 صبح
با CSS هم خیلی راحت میشه این کارو کرد مثلا :


img:hover{
transform:scale(2);
-webkit-transform:scale(2);
}

یا اینکه براش ارتفاع یا عرض بیشتری از اندازه ی اصلی تعیین کنی :


img{
width:50px
}

img:hover{
width:100px
}

ab.ali
شنبه 27 اردیبهشت 1393, 13:14 عصر
از scale برای طول و عرض هم می تونی استفاده کنی و یک دفعه دو ساز متفاوت بدی :


transform:scale(2,15)


این کدی یعنی طولش 2 برابر و ارتفاعش 15 برابر بشه.
1 هم باشه یعنی ساز ثابت باشه.

SasSas
شنبه 27 اردیبهشت 1393, 16:43 عصر
دوستان گل دمتون گرم فقط میشه روی همون کد من انجام بدید هر کاری میکنم اجرا نمیشه

vimax23
دوشنبه 29 اردیبهشت 1393, 07:52 صبح
سلام دوستان عزیز
119124
اگه بخوام این عکس وقتی موس روش میره بزرگ بشه چی کار باید بکنم؟

کد شما خیلی کثیف نوشته شده ، دو تا بالای هدر استایل شیت تعریف کردین ، کلاس مستقیم تو دیو دادین! اصلا نیاز به این کارها نبوده چند راه داره ، اگر افکت دار بخوایین با جی کوئری و سی اس اس 3 میشه اندازشو تغییر داد ، همچنین تو خود عکس میتونین کلاس یا آیدی بدین به جای اینکه تو دیو بندازینش ، اگر هم کل عکس های سایت میخوایین این قابلیت داشته باشه از img استفاده کنین اینو ببینین یه چیز خیلی ساده هست
http://jsfiddle.net/pgbeA/