::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : سه شنبه 16 اردیبهشت 1404 - 11:56 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
صفحه اصلیHome page / کد های جدید جی کوئری (jQuery) / نمایش تصاویر مطالب به صورت لایت باکس
نمایش تصاویر مطالب به صورت لایت باکس
تعداد بازدیدvisits : 1868
poriya74 آفلاین



ارسال هاAnswers : 145
عضویتRegistration date : 4 /12 /1391
حمایت کردهThanks : 17
حمایت شدهThanked : 59
 نمایش تصاویر مطالب به صورت لایت باکس

سلام

دیروز تو همین انجمن یه دوستی درخواست کد لایت باکس برای تصاویر رزبلاگ کرده بود

گشتم و با ترکیب و ادغام آماده کردم براتون

امیدوارم که راضی باشید. :)

اول از همه کد زیر را تو بخش head کد زیر را بذارید:

کد:
<link rel="stylesheet" type="text/css" href="http://jdesign.ir/admin-up/demo-free-cods/jdesign_light_box/jdesign.lightbox/jquery.fancybox.css" media="screen" />

<script type="text/javascript" src="http://jdesign.ir/admin-up/demo-free-cods/jdesign_light_box/jdesign.lightbox/jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="http://jdesign.ir/admin-up/demo-free-cods/jdesign_light_box/jdesign.lightbox/jquery.easing.1.3.js"></script>

<script type="text/javascript" src="http://jdesign.ir/admin-up/demo-free-cods/jdesign_light_box/jdesign.lightbox/jquery.fancybox-1.2.1.js"></script>

<script type="text/javascript">

$(document).ready(function() {

$("div.fancyDemo a").fancybox();

});

</script>

و بعد کد زیر را در جایی مناسب بین تگ ROZBLOG بذارید.

نکته اگر تگ RB:POST_IMAGE رو از قبل داشتید اون را پاک کنید و این کد را بذارید

کد:
<RB:Post_Image><div class="fancyDemo">

<a rel="group" title="[Post_Title]" href="[Post_Image_Url]"><img src="[Post_Image_Url]" alt="[Post_Title]"></a>

</div><RB:Post_Image>

یه خوبی دیگه ایی هم که این کد داره اینه که وقتی لایت باکس باز میشه میتونید بین تمام عکس هایی که گذاشتید (مثل گالری عکس) عقب جلو برید

پیشنمایش کد



شنبه 25 مرداد 1393 - 17:16
وب کاربرUser's blog ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks
poriya74 آفلاین



ارسال‌هاAsnwers : 145
عضویتRegistration date : 4 /12 /1391
حمایت کردهthanks : 17
حمایت شدهThanked : 59
 پاسخAnswer 2 : نمایش تصاویر مطالب به صورت لایت باکس

نقل قول از giasi

چرا از این تگ استفاده کردید

چون در توابع خوانده شده خوده جکوئری این لایت باکس، این rel تعریف شده و فقط تصاویری که بین کلاس نام برده و این رل باشه را میشناسه


شنبه 25 مرداد 1393 - 17:20
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks
giasi آفلاین


معاونت
ارسال‌هاAsnwers : 3677
عضویتRegistration date : 3 /2 /1392
حمایت کردهthanks : 23
حمایت شدهThanked : 2399
 پاسخAnswer 3 : نمایش تصاویر مطالب به صورت لایت باکس

تگ rel چیه

و چه نوع کد نویسی هست

یعنی اگه از rel استفاده نکنی فراخوان ایجاد نمیشه

وب تخصصی و کاری من (سئو وب )

بهینه سازی کلیه سیستمهای وبلاگ نویسی از رزبلاگ تا بلاگفا

سیستم مدیریت محتوای وردپرس .......جوملا

بردن هر کلمه به صفحه اول گوگل .....

آخرین متد های موتور جستجو گوگل پاندا و پنگوئن
شنبه 25 مرداد 1393 - 17:28
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks
poriya74 آفلاین



ارسال‌هاAsnwers : 145
عضویتRegistration date : 4 /12 /1391
حمایت کردهthanks : 17
حمایت شدهThanked : 59
 پاسخAnswer 4 : نمایش تصاویر مطالب به صورت لایت باکس

نقل قول از giasi

تگ rel چیه

و چه نوع کد نویسی هست

یعنی اگه از rel استفاده نکنی فراخوان ایجاد نمیشه

rel کلا ارتباط را نشون میده و با id در جایی دیگه درخواست نمایش میخواد

در این لایت باکس هم 100% همین کار شده فقط برعکس

با rel مشخص میکنه و در فایل های جاوا id مورد نظر (group) را میشناسه.

اگه با قاعده بخوایم بگیم نه نباید بشناسه.

برای مطالعه بهتر به سایت منبع برید بهتره :)

www.jdesign.ir


شنبه 25 مرداد 1393 - 17:33
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks
poriya74 آفلاین



ارسال‌هاAsnwers : 145
عضویتRegistration date : 4 /12 /1391
حمایت کردهthanks : 17
حمایت شدهThanked : 59
 پاسخAnswer 5 : نمایش تصاویر مطالب به صورت لایت باکس

البته بگم این rel میتونه برای جلو و عقب رفتن عکس ها هم باشه


شنبه 25 مرداد 1393 - 17:35
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks
giasi آفلاین


معاونت
ارسال‌هاAsnwers : 3677
عضویتRegistration date : 3 /2 /1392
حمایت کردهthanks : 23
حمایت شدهThanked : 2399
 پاسخAnswer 6 : نمایش تصاویر مطالب به صورت لایت باکس

این فراخون فانسی دمو برای a

کد:

<script type="text/javascript">

$(document).ready(function() {

$("div.fancyDemo a").fancybox();

});

</script>

استایلش خیلی تعریف داره که الکی حجم برده بالا شما برای فقط یک عکس پست این استایل + جی کوئری استفاده کنید دیگه اون وب به درد نمی خوره هرچند جی کوئری ها هم میشه از جاهای دیگه استفاده کرد
وب تخصصی و کاری من (سئو وب )

بهینه سازی کلیه سیستمهای وبلاگ نویسی از رزبلاگ تا بلاگفا

سیستم مدیریت محتوای وردپرس .......جوملا

بردن هر کلمه به صفحه اول گوگل .....

آخرین متد های موتور جستجو گوگل پاندا و پنگوئن
شنبه 25 مرداد 1393 - 17:35
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks
giasi آفلاین


معاونت
ارسال‌هاAsnwers : 3677
عضویتRegistration date : 3 /2 /1392
حمایت کردهthanks : 23
حمایت شدهThanked : 2399
 پاسخAnswer 7 : نمایش تصاویر مطالب به صورت لایت باکس

این افکت css3 برای یک قالب کامل نوشته شده که اگه توی کدنویسی غیر html5 , css3 استفاده کنید قالبتون یک عالم ایراد پیدا میکنه

موفق باشید
وب تخصصی و کاری من (سئو وب )

بهینه سازی کلیه سیستمهای وبلاگ نویسی از رزبلاگ تا بلاگفا

سیستم مدیریت محتوای وردپرس .......جوملا

بردن هر کلمه به صفحه اول گوگل .....

آخرین متد های موتور جستجو گوگل پاندا و پنگوئن
شنبه 25 مرداد 1393 - 17:43
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks
حمایت شده حمایت شده: سپاس هاThanks (1) : poriya74 -



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com 		کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex