مرجع پارسی MyBB

نام:jQuery lightBox plugin

کاربرد: ایجاد گالری تصاویر تمام جی کوئری بصورت خیلی زیبا

منبع: htmldrive

ست کننده با مای بی بی:yasan100

دموی آنلاین

1:به قسمت قالبها >قالب مورد نظر>قالبهای گروه بندی نشده> headerinclude
رفته و کدهای زیر را به آخر کدها اضافه کنید

کد php: 
<script type="text/javascript" src="{$mybb->settings['bburl']}/js/jquery.js"></script>
    <script type="text/javascript" src="{$mybb->settings['bburl']}/js/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="{$mybb->settings['bburl']}/css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
jQuery.noConflict();
   jQuery(document).ready(function() { 
    jQuery('#gallery a').lightBox();
    });
    </script> 

3:به قسمت قالبها >قالب مورد نظر> header
رفته و کد زیر را هر کجا دلتان خواست قرار دهید

کد php: 
<fieldset><legend>گالری تصاویر سایت</legend>
<div id="gallery">
    <a href="photos/image1.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
        <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
      </a>
    <a href="photos/image2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
        <img src="photos/thumb_image2.jpg" width="72" height="72" alt="" />
      </a>
    <a href="photos/image3.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
        <img src="photos/thumb_image3.jpg" width="72" height="72" alt="" />
      </a>
    <a href="photos/image4.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
        <img src="photos/thumb_image4.jpg" width="72" height="72" alt="" />
      </a>
    <a href="photos/image5.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
        <img src="photos/thumb_image5.jpg" width="72" height="72" alt="" />
      </a>
    
</div></fieldset> 

کدهای زیر را در global.css قرار دهید.

کد php: 
fieldset {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bababa !important;
}

legend {
    border: 1px solid #bababa;
    padding: 2px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
} 

فایلهای پیوست شده را توی روت آپ کنید.

چند نکته: ابتدا کدها را نوت پد ذخیره کنید
شرح تصاویر و اسامی و تصاویر را با تصاویر مورد نظر خود را تعویض نمایید.

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

من اینو تو لوکال و رو سایت خودم تست کردم اما الان فقط رو لوکال دارم دقیقا مثل دموی انلاین میشه یه باکس
منظورتون از لینک داخلی چیه متوجه نشدم

داخل مای بیبی ایران پیوستش کنید Wink

سلام من این آموزش رو مو به مو انجام دادم و کد ها را درست جایی که فرمودید گزاشتم و جی کوئری رو دانلود کردم .
ولی کادر گالری اومد ولی عکس ها نشان نمیده .

بعد فایل عکس ها را روت کردم .
شاید در جایی از هاست که باید استرکت میکردم درست نباشه .
لطف بفرمایید بگویید این فایل ها رو کجا من باید استرکت کنم؟
با تشکر

لینک انجمن بنده

سلام دوستان من گالری عکس رو با استفاده از پلاگین مدیریت صفحه تو یه صفحه جداگانه گذاشتم
می خوام این صفحه برا افراد عضو نشون داده بشه
از دوستان کد نویس کسی بلده؟

yasan100

Doodoo

yasan100

Doodoo

fidoman

emir.yanliz