فرهاد-سئو 905 ارسال شده در اردیبهشت 93 گزارش بازنشر ارسال شده در اردیبهشت 93 سلامدر بعضی سایت ها مثل سایت های فروشگاهی در پست هاشون از یه افکتی استفاده کردن که با رفتن موس بروی پست کادر سفید میشه و دو یا چند آیکون ظاهر میشه کهبا کلیک یا وارد پست میشی یا تصویر با وضوح بالاتر نمایش دادهمیشه یا پسند میکنی مطلب و...اسم این افکت چیه؟منبعی هست برای دریافت؟ نقل قول لینک به ارسال
SM-Mahdavi 5427 ارسال شده در اردیبهشت 93 گزارش بازنشر ارسال شده در اردیبهشت 93 سلامنمونه آنلاین بزارید ببینیم چیه 2 نقل قول لینک به ارسال
فرهاد-سئو 905 ارسال شده در اردیبهشت 93 مالک گزارش بازنشر ارسال شده در اردیبهشت 93 این سایتو ببینیدhttp://www.utarh.ir/وسط صفحه قسمت چند طرح تصادفی موس رو ببرین روی تصاویرمنبعی هست که این افکت ها رو داشته باشهتا به الان چندین مدل متفاوت در سایت ها دیدماما نمیدونم اسمش چیه نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 93 گزارش بازنشر ارسال شده در اردیبهشت 93 افزونه احتیاج نداره این دو تصویر را در پوشه ی images قالبتون ذخیره کنیدو کدهای زیر را در sdtyle.css.imageGallery {display:block;margin-right:auto;margin-left:auto;width:800px;padding:10px;border:1px #aaa solid;text-align:center;}.imageGallery .imgInner {display:inline-block;position:relative;height:160px;width:240px;margin:5px;background:#D6D6D6;}.imageGallery .imgInner .imgBlock {position:absolute;top:5px;left:5px;right:5px;bottom:5px;height:150px;width:230px;overflow:hidden;}.imageGallery .imgInner .imgBlock img {width:230px;height:150px;}.imageGallery .imgInner .imgBlock .zoom {content:url("images/zoom-icon.png");position:absolute;zoom:0;left:-62px;top:160px;-moz-transition: all .3s linear .2ms;-o-transition:all .3s linear .2ms;-webkit-transition: all .3s linear .2ms;transition: all .3s linear .2ms;}.imageGallery .imgInner .imgBlock:hover .zoom {zoom:1;left:38px;top:60px;}.imageGallery .imgInner .imgBlock .more {content:url("images/readmore-icon.png");position:absolute;zoom:0;right:-62px;-moz-transition: all .3s linear .2ms;-o-transition:all .3s linear .2ms;-webkit-transition: all .3s linear .2ms;transition: all .3s linear .2ms;top:160px;}.imageGallery .imgInner .imgBlock:hover .more {zoom:1;right:38px;top:60px;}و تصاویر را در کدهایی شبیه کد زیر لود کنید<div class="imageGallery"><div class="imgInner"><div class="imgBlock"><img src="images/img1.jpg" /><a href="#" class="zoom"></a><a href="#" class="more"></a></div></div><div class="imgInner"><div class="imgBlock"><img src="images/img2.jpg" /><a href="#" class="zoom"></a><a href="#" class="more"></a></div></div><div class="imgInner"><div class="imgBlock"><img src="images/img3.jpg" /><a href="#" class="zoom"></a><a href="#" class="more"></a></div></div><div class="imgInner"><div class="imgBlock"><img src="images/img4.jpg" /><a href="#" class="zoom"></a><a href="#" class="more"></a></div></div><div class="imgInner"><div class="imgBlock"><img src="images/img5.jpg" /><a href="#" class="zoom"></a><a href="#" class="more"></a></div></div><div class="imgInner"><div class="imgBlock"><img src="images/img6.jpg" /><a href="#" class="zoom"></a><a href="#" class="more"></a></div></div></div> 4 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .