|
پلاگین جی کوئری رسپانسیو کردن عکس ها تعداد بازدیدvisits : 1545
|
|||||||||
gdl
|
پلاگین جی کوئری رسپانسیو کردن عکس ها سلام. اول از همه ولنتاینتون مبارک امروز براتون پلاگین جی کوئری رسپانسیو کردن عکس ها رو قرار دادم. اول بگم رسپانسیو یعنی چی: رسپانسیو همون طور که از معنیش معلومه یعنی پاسخگو. اما چیکار میکنه؟ حتما بعضی سایت ها رو دیدید که وقتی اندازه مرورگر رو کوچیک میکنید صفحه سایت هم کوچیک میشه. که بیشتر داخل سایت های خارجی استفاده شده. حالا این پلاگین فقط برای تصاویر هست یعنی وقتی اندازه مرورگر رو کوچیک میکنی اندازه عکس هم کوچیک میشه. اینم پیش نمایش http://www.pixelha.rozblog.com/page/responsiveimg وقتی رفتید داخل سایت مروگر رو کوچیک و بزرگ کنید. خوب بریم سراغ کد و آموزش. اول ببینید که فایل جی کوئری داخل قالبتون دارید یا نه. اگه دارید که چه بهتر اگه ندارید هم اشکالی نداره داخل کدی که میذارم وجود داره. کد: <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>اون خط اول فایل جی کوئری هست اگه داخل قالبتون هست نمیخواد کپی کنید کد رو کپی کنید داخل هد قالب. حالا هر عکس که میخواید به صورت رسپانسیو در بیاد بهش max-width بدید البنه بصورت درصد نه پیکسل. به عنوان مثال max-width:80% خوب حالا این max-width چی میکنه؟ اگه اون رو 100% درصد بزارید وقتی انداره مرورگر به اندازه عکس رسید از اون موقع به بعد شروع میکنه به کوچیک و بزرگ کردن عکس. اگه مثلا 80% بزارید قبل از این که اندازه مرورگر به اندازه عکس برسه شروع میکنه به کوچیک کردن عکس. درصمن میتونید از width برای تعیین عرض ابتدایی عکس استفاده کنید. این پلاگین رو سایت responsiveimg.com ساخته شده. من هم آموزش اون رو برای شما گذاشتم. منبع آموزش pixelha.rozblog.com کپی برداری ممنوع میباشد. |
||||||||
| جمعه 25 بهمن 1392 - 21:34 |
|
||||||||
giasi
 
|
پاسخAnswer 1 : پلاگین جی کوئری رسپانسیو کردن عکس ها gdl عزیز اول باید خود قالب ریسپانسیو باشه یعنی برای سایزهای مانیتور تعریفات توی css داده باشی همون جا شما اعلام درصد میکنی به کلیه عکسها و دیگه به پلاگین هک شده نیست این 2 جی کوئری هک یک پلاگین هست البته شما در قسمت پایین یک مقدار توضیح دادید اما برای ریسپانسیو بودن فقط عکسها نیست باید کل قالب ریسپانسیو باشه منم یک مقدار توضیح دادم http://www.seo-web.ir/post/68/The-main-criterion-in-the-design-search-engine.html همه موتورها به ریسپانسیو بودن خیلی علاقمند شدن و کلیه وبمسترها باید رو بیارن به قالبهای ریسپانسیو موفق باشید وب تخصصی و کاری من (سئو وب )
بهینه سازی کلیه سیستمهای وبلاگ نویسی از رزبلاگ تا بلاگفا سیستم مدیریت محتوای وردپرس .......جوملا بردن هر کلمه به صفحه اول گوگل ..... آخرین متد های موتور جستجو گوگل پاندا و پنگوئن 
|
||||||||
| جمعه 25 بهمن 1392 - 22:33 |
|
 حمایت شده:
|
سپاس هاThanks (1) : gdl - |
gdl
|
پاسخAnswer 2 : پلاگین جی کوئری رسپانسیو کردن عکس ها من داخل پست بالا حتی داخل تایتل نوشتم که فقط رسپانسیو کردن عکس ها. ننوستم رسپانسیو کردن کل قالب |
||||||||
| جمعه 25 بهمن 1392 - 23:00 |
|
