mhb12

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

8 پست در این موضوع قرار دارد

خدمت شما:


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

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

6

به اشتراک گذاری این پست


لینک به پست

خدمت شما:


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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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


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

2

به اشتراک گذاری این پست


لینک به پست

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


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

درود

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

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

0

به اشتراک گذاری این پست


لینک به پست

این یکی با اپزا مشکل داره ما بقیش با 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 می یابید

4

به اشتراک گذاری این پست


لینک به پست

اقا دمه همه گرم اما این اخری خیلی سنگین میکنه سی اس اس رو

0

به اشتراک گذاری این پست


لینک به پست

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

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

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری