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