close
تبلیغات در اینترنت
کد بزرگ شدن عکس با رفتن موس روی آن تا اندازه دلخواه
loading...

JavaCod.Ir کدهای جاوا اسکریپت ، کدهای زیبا سازی وبلاگ ، ابزار وبلاگ نویسی ، ابزار سایت نویسی

موضوع : استایل عکس , این کدی است که همه و همه در قالب گالری خواسته بودن! و عملکردش اینه که وقتی کاربر روی تصویر دلخواه موس رو نگه میداره اون اون عکس به اندازه دلخواه بزرگ میشه!برای دیدن دمو روی تصویر زیر کلیک کنید(ما مقدار بزرگی رو در دمو 1.2  عکس اولیه قرار داده ایم)این هم کدهای مربوطه! حتما به آموزش استفاده موجود در پایان این پست توجه نمایید کد شماره 1 <style type="text/css"> img:hover{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); box-shadow:0px…

آخرین ارسال های انجمن

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

امیری کد بازدید : 2676 جمعه 16 مرداد 1394 نظرات ()
موضوع : استایل عکس ,
این کدی است که همه و همه در قالب گالری خواسته بودن! و عملکردش اینه که وقتی کاربر روی تصویر دلخواه موس رو نگه میداره اون اون عکس به اندازه دلخواه بزرگ میشه!
کد بزرگ شدن عکس با رفتن موس روی آن تا اندازه دلخواه
برای دیدن دمو روی تصویر زیر کلیک کنید(ما مقدار بزرگی رو در دمو 1.2  عکس اولیه قرار داده ایم)
دمو کد بزرگنمایی عکس با رفتن موس روی آن
این هم کدهای مربوطه! حتما به آموزش استفاده موجود در پایان این پست توجه نمایید

کد شماره 1

کد شماره 2


آموزش استفاده:
درصورتی که کد شماره 1 را در بخش head قالبتون قرار بدید تمام عکس های سایتتون به این حالت در میان
اگر کد شماره دو رو تو بخش head قالبتون بزارید فقط قسمت هایی که با کد زیر تعریف میکنید دارای این حالت میشن(مثلا عکس های پست یا همان مطالب)
<div class="skinak4">بخش مربوطه را میان این دو کد قرار دهید </div>
* تنها یکی از کد های شماره 1 یا شماره 2 را استفاده کنید
* وقتی میگوییم این کد ها را در قسمت head قالبتون قرار دهید منظورمان این است که:
یعنی یا قبل از تگ <head/> یا بعد از تگ <head> بزارید
جهت تغییر اندازه بزرگ شدن به جای 1.2 تو کد ها که سه بار تکرا شده اعداد دیگری قرار دهید
یه نکته جالبم اینه که اگه اعداد منفی هم قرار بدید تصاویر برعکس میشوند و بعد بزرگ میشن!
Programming by by: Skinak.ir
if (self != top) { window.top.location.href = self.location;href; } var blogUrl = 'http://skinak.ir/'






براي نمايش ادامه اين مطلب بايد عضو شويد !
نام کاربری :
رمز عبور :
تکرار رمز :
ایمیل :
نام اصلی :
کد امنیتی : *

اگر قبلا ثبت نام کرديد ميتوانيد از فرم زير وارد شويد و مطلب رو مشاهده نماييد !
نام کاربری :
رمز عبور :

مطالب مرتبط
ارسال نظر برای این مطلب
این نظر توسط ناشناس در تاریخ 1397/6/31 و 1:33 دقیقه ارسال شده است

عععععععالی حرف ندارین دمتون گرم بی تبلیغه و فوق العاده بدون دروغ

این نظر توسط parham در تاریخ 1395/2/26 و 12:33 دقیقه ارسال شده است

سلام
مرسی از کد بسیار کاربردی شما
واقعا عایه
www.snugbuy.ir


نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
لینک کوتاه پست

درباره ما
Profile Pic
JavaCod.Ir کدهای جاوا اسکریپت ، کدهای زیبا سازی وبلاگ ، ابزار وبلاگ نویسی ، ابزار سایت نویسی ، آموزش وبلاگ نویس ، اسکریپت سئو سازی وبلاگ ، آموزش سئو سازی وبلاگ ،کدهای جاوا اسکریپت ، کدهای زیبا سازی وبلاگ ، ابزار وبلاگ نویسی ، ابزار سایت نویسی ، کدهای جاوا ، جدیدترین کد جاوا ، جاوا اسکریپپت ، قالب وبلاگ ، بهترین کدهای جاوا، جدیدترین کد های جاوا ، جاوا اسکریپپت، قالب وبلاگ ، کدهای وبلاگ ، کد مرلین ، کد ارسال ایمیل ، سورس لینک دونی ، اسکریپت تبادل لینک ، اسکریپت لینک من ، بهترین قالب ها
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • کدهای اختصاصی

    JavaCod.Ir کدهای جاوا اسکریپت ، کدهای زیبا سازی وبلاگ ، ابزار وبلاگ نویسی ، ابزار سایت نویسی ، آموزش وبلاگ نویس ، اسکریپت سئو سازی وبلاگ ، آموزش سئو سازی وبلاگ ،کدهای جاوا اسکریپت ، کدهای زیبا سازی وبلاگ ، ابزار وبلاگ نویسی ، ابزار سایت نویسی ، کدهای جاوا ، جدیدترین کد جاوا ، جاوا اسکریپپت ، قالب وبلاگ ، بهترین کدهای جاوا، جدیدترین کد های جاوا ، جاوا اسکریپپت، قالب وبلاگ ، کدهای وبلاگ ، کد مرلین ، کد ارسال ایمیل ، سورس لینک دونی ، اسکریپت تبادل لینک ، اسکریپت لینک من ، بهترین قالب ها