b.paseban
یک شنبه 01 آبان 1390, 13:35 عصر
شما میتونید این کار رو با DataList انجام بدید.
این اسکریپت بدین صورته که کد های اصلی پشت سر هم تکرار میشوند.اگر به سورس این پلاگین توجه کنید قطعه کد زیر در حال تکرار می باشد:
<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>
خوب ما میتونیم با استفاده از item template کنترل DataList و قسمت ItemTemplate این تکه کد رو به تعداد مشخص تکرار کنیم و از HeaderTemplate و FooterTemplate هم برای قسمت های بالایی کدهای پلاگین استفاده کرد.به صورت زیر :
HEADER TEMPLATE
<HeaderTemplate>
<div style="display: block; height: 100%;"><div id="gallery">
<ul>
</HeaderTemplate>
FOOTER TEMPLATE
<FooterTemplate>
</ul>
</div>
</FooterTemplate>
ما از این دو قطعه کد برای این قسمت هایی که در سورس پلاگین تکرار نمیشوند استفاده میکنیم.
بعد از این کار ما باید بعد از اتصال کنترل DataList به دیتابیس و جدول مورد نظر قسمت های مورد نظر رو به سطر های مختلف جدول پایگاه داده متصل کنیم.
بعنوان مثال برای اتصال عکس های بزرگ که در خط اول سورس پلاگین آمده از قطعه کد زیر استفاده میکنیم:
href='<%#Eval("ImgLarg")%>'
در اینجا ImgLarg یکی از سطرهای جدول مورد نظر می باشد که عکس های بزرگ را در آن ذخیره کرده ایم.
امیدوارم تونسته باشم کمکتون کرده باشم.