جستجوگر پیشرفته سایت



آخرين ارسال هاي تالار گفتمان
loading...
عنوان پاسخ بازدید توسط
2 1206 admin
3 2070 admin
2 2992 collage
1 1171 amiricod
0 1106 admin
0 1018 admin
0 1038 admin
1 1903 admin
1 1640 mandb
1 2208 mandb
0 1348 admin

کد بزرگ شدن عکس با رفتن موس روی آن تا اندازه دلخواه
کد بزرگ شدن عکس با رفتن موس روی آن تا اندازه دلخواه
موضوع : استایل عکس ,
این کدی است که همه و همه در قالب گالری خواسته بودن! و عملکردش اینه که وقتی کاربر روی تصویر دلخواه موس رو نگه میداره اون اون عکس به اندازه دلخواه بزرگ میشه!
کد بزرگ شدن عکس با رفتن موس روی آن تا اندازه دلخواه
برای دیدن دمو روی تصویر زیر کلیک کنید(ما مقدار بزرگی رو در دمو 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/'
تعداد بازديد : 4618