کد بزرگنمایی تصویر

[pasar 13]

با سلام

دوستان

آیا کدی هست مثل گوگل که قتی تصویر روش میره عکس رو بزرگ کنه؟

مرسی از همه

[Vahid Taheri 74]

بله کد css3 هست.از این کد میتونید استفاده کنید :

img {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

img:hover {
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); 
}

برای بزرگنمایی بیشتر مقدار scale رو از 1.2 به مقدار های بیشتر تغییر بدین.

همچنین به جای img کلاس یا آی دی یا تگ آیتم هایی که این افکت روشون اعمال میشه رو بزارید

موفق باشید

[pasar 13]

خیلی خیلی ممنونم

این کد رو در کدام فایل قرار بدم؟انتهای template.css ؟

اگر بخوام برای عکس های یک مجموعه خاص باشه چه جوری باید قرار بدم

ممنون از راهنمایی خوبتون

[Vahid Taheri 74]

بله.در اصل فایل ها css که با لود سایت لود میشن.

باید یه کلاس خاص برای اون تصاویر در نظر گرفته بشه و در این کد به جای عبارت img قرار داده بشه.(بحث کد نویسی و ویرایش کد css هست دیگه)

[pasar 13]

خیلی ممنونم

اما متاسفانه من کد نویسی بلد نیستم

[reza.sh 19]

خیلی ممنونم

اما متاسفانه من کد نویسی بلد نیستم

می تونید از لینک زیر استفاده کنید :

http://joomlaforum.ir/showthread.php/1838-%D9%BE%D9%84%D8%A7%DA%AF%DB%8C%D9%86-%D8%B2%DB%8C%D8%A8%D8%A7-%D9%88-%D8%B3%D8%A7%D8%AF%D9%87-%D8%B2%D9%88%D9%85-%D8%B1%D9%88%DB%8C-%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1