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

موضوع : استایل عکس ,
این کدی است که همه و همه در قالب گالری خواسته بودن! و عملکردش اینه که وقتی کاربر روی تصویر دلخواه موس رو نگه میداره اون اون عکس به اندازه دلخواه بزرگ میشه! کد بزرگ شدن عکس با رفتن موس روی آن تا اندازه دلخواه

برای دیدن دمو روی تصویر زیر کلیک کنید(ما مقدار بزرگی رو در دمو 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/'
JavaCod.Ir کدهای جاوا اسکریپت ، کدهای زیبا سازی وبلاگ ، ابزار وبلاگ نویسی ، ابزار سایت نویسی scale ,shadow ,gray ,شماره ,transform ,30px ,transform scale ,30px gray ,head قالبتون ,قرار دهید ,قالبتون قرار ,webkit transform scale ,hover{ webkit transform منبع

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

مشخصات

تبلیغات

آخرین مطالب این وبلاگ

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

برترین جستجو ها

آخرین جستجو ها

درباره این سایت