رفتن به مطلب

افزونه زوم روی عکس مثل این نمونه


mhb12

پست های پیشنهاد شده

خدمت شما:


http://wordpress.org/extend/plugins/wp-jquery-lightbox/screenshots/

لطفا ابتدا جستجو کنید.

لینک به ارسال

خدمت شما:


http://wordpress.org/extend/plugins/wp-jquery-lightbox/screenshots/

لطفا ابتدا جستجو کنید.

با css هم میشه ساخت ؟

لینک به ارسال

با css هم میشه ساخت ؟

css3 بله ولی بعضی از نمایشگرها پشتیبانی نمی کنند (ایندفعه اینترنت اکسپلور پشتیبانی می کنه ولی اپرا ناسازگاره)


img:hover { position:absolute;
zoom:1.5}

لینک به ارسال

css3 بله ولی بعضی از نمایشگرها پشتیبانی نمی کنند (ایندفعه اینترنت اکسپلور پشتیبانی می کنه ولی اپرا ناسازگاره)


img:hover { position:absolute;
zoom:1.5}

درود

فک کنم استفاده از کد در هرصورت به صرقه تر باشه! حالا دیگه اپرا رو باید یه کاریش کرد ...

غیر از این دیگه چه نوع افکتی هست ؟ با استفاده اززر css ؟ مثلا هنگامی رفتیم رو عکس عکس یه مقدار درشت شه و همینطور کج بشه !!!

لینک به ارسال

این یکی با اپزا مشکل داره ما بقیش با ie 8 و پایین تر

این یک نمونه کد تقریبا کامله


img {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0px 1px 8px #333;
-webkit-box-shadow: 0px 1px 8px #333;
box-shadow: 0px 1px 8px #333;
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
zoom: 1;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
position: relative;
}
img:hover {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0px 0px 6px #111;
-webkit-box-shadow: 0px 0px 6px #111;
box-shadow: 0px 0px 6px #111;
-moz-transform: rotate(7.5deg);
-o-transform: rotate(7.5deg);
-webkit-transform: rotate(7.5deg);
-ms-transform: rotate(7.5deg);
transform: rotate(7.5deg);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')";
zoom: 1.2;
}

و در بخش آموزش چندین مطلب در خصوص افکتهای css , jquery می یابید

لینک به ارسال

کجاش سنگین میشه! همش ۴۰ خط کده!

افزونه ها خودشون بیشتر از این کد css دارن.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...