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

کوتاه کننده لینک حرفه ای با دو سابدامین و دو لینک کوتاه

آموزش تغییر engine دیتابیس ها از InnoDB به MyISAM ( دسترسی یوزر )

آموزش نوشتن مطالب با سئو بالا و ایندکس سریع در گوگل

0px ,کد ,شماره ,transform ,shadow ,gray ,1 2 ,scale 1 ,box shadow ,shadow 0px ,0px 0px ,webkit transform scale ,hover{ webkit transform

مشخصات

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

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

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

حقیقت آرامش بخش و آزار دهندست makian01 بهترین های چاپ فراری دفترچه یادداشت سایت تفریحی و سرگرمی پارس نازی ها دات وایت | DotWhite.ir گروه خانواده نمایندگی ابوریحان خرید پیج اینستاگرام آرام