گالری عکس با LiteBox

[jaykob]

سلام

من تا به حال به صورت استاتیک برای گالری از Lite Box (http://www.doknowevil.net/litebox/) استفاده می کردم اما می خوام که به صورت داینامیک مدیر بتونه عکس اضافه و حذف کنه در رابطه با ارتباط و نحوه مدیریت می خواستم بدونم .


با تشکر

[Javad_Darvish_Amiry]

سلام دوست من. شما چندین روش متفاوت و گاهی مخالف هم برای این کار داری. یه روش اینه:
عکس ها رو میخوای به صورت فایل ذخیره کنی. بنابراین یه صفحه میخوایم برای درج عکس جدید. تو این صفحه باید امکان آپلود فایل، و حداقل فیلد تیتر وجود داشته باشه که ازش به عنوان خاصیت tooltip (همون title توی تگ img) استفاده میکنیم. وقتی عکس ارسال میشه، باید یه سری مشخصات مثل حجم و طول و عرض و پسوندش چک بشه. بعد هم معمولا نیاز داریم که یه THUMBNAIL از روش ساخته بشه. (برای این کار میتونی از کلاس Image استفاده کنی). (استریم ورودی رو بریز تو یه Image به این ترتیب دسترسی به طول و عرض تصویر داری و میتونی با استانداردهایی که برای سایتت تعیین کردی قیاس کنی. در ضمن امکان ایجاد thumb با سایز و فرمت دلخواهیت رو هم بهت میده. برای محاسبه سایز thumb یه روش میتونه این باشه: یه عرض استاندارد برای تصاویر thumb در نظر بگیر، مثلا 120 پیکسل. بعد ارتفاع رو برای هر عکس از رو عرض و ارتفاع اصلی عکس حساب کن:
عرض استاندارد تومب * ارتفاع اصلی تصویر ÷ عرض اصلی تصویر = ارتفاع تومب مورد نظر
در ضمن یادت نره بعد از تموم شدن کار ذخیره سازی، حتما همه اشیاء ایجاد شده رو dispose کنی)
حالا یه اسم به تصویر بده و (به نظر من:) همون اسم به علاوه یه پیشوند مثل thumb_ رو به تومب بده و اونا رو دخیره کن. مشخصات تصویر و تومبش رو هم توی دی بی بنویس (از جمله اسمشون رو).
حالا موقع نوشتن توی صفحه، برای ایجاد لیست تصاویر به صورت استاتیک مثلا میومدیم لیست رو توی تگ ul و li مینوشتیم. خوب حالا همون لیست رو میتونیم به صورت داینامیک از بانک بخونیم و توی صفحه بنویسیم. میشه مثلا لیست رو توی یه StringBuilder نوشت و رشته نهایی رو به خاصیت Text یه Littral نسبت داد. یا ریختش تو یه لیست ژنریک و لیست ژنریک رو به عنوان دیتا سورس بدی به یه گرید یا هر روش دیگه.
چون سوالتون خیلی کلیه پس جواب هم لاجرم باید کلی باشه. حالا شما کدوم قسمت مشکل داری و یا کجا ها رو میخوای تغییر بدی، مشخص کن که بیشتر براتون باز کنم. موفق باشید.

[jaykob]

سلام دوست من. شما چندین روش متفاوت و گاهی مخالف هم برای این کار داری. یه روش اینه:
عکس ها رو میخوای به صورت فایل ذخیره کنی. بنابراین یه صفحه میخوایم برای درج عکس جدید. تو این صفحه باید امکان آپلود فایل، و حداقل فیلد تیتر وجود داشته باشه که ازش به عنوان خاصیت tooltip (همون title توی تگ img) استفاده میکنیم. وقتی عکس ارسال میشه، باید یه سری مشخصات مثل حجم و طول و عرض و پسوندش چک بشه. بعد هم معمولا نیاز داریم که یه THUMBNAIL از روش ساخته بشه. (برای این کار میتونی از کلاس Image استفاده کنی). (استریم ورودی رو بریز تو یه Image به این ترتیب دسترسی به طول و عرض تصویر داری و میتونی با استانداردهایی که برای سایتت تعیین کردی قیاس کنی. در ضمن امکان ایجاد thumb با سایز و فرمت دلخواهیت رو هم بهت میده. برای محاسبه سایز thumb یه روش میتونه این باشه: یه عرض استاندارد برای تصاویر thumb در نظر بگیر، مثلا 120 پیکسل. بعد ارتفاع رو برای هر عکس از رو عرض و ارتفاع اصلی عکس حساب کن:
عرض استاندارد تومب * ارتفاع اصلی تصویر ÷ عرض اصلی تصویر = ارتفاع تومب مورد نظر
در ضمن یادت نره بعد از تموم شدن کار ذخیره سازی، حتما همه اشیاء ایجاد شده رو dispose کنی)
حالا یه اسم به تصویر بده و (به نظر من:) همون اسم به علاوه یه پیشوند مثل thumb_ رو به تومب بده و اونا رو دخیره کن. مشخصات تصویر و تومبش رو هم توی دی بی بنویس (از جمله اسمشون رو).
حالا موقع نوشتن توی صفحه، برای ایجاد لیست تصاویر به صورت استاتیک مثلا میومدیم لیست رو توی تگ ul و li مینوشتیم. خوب حالا همون لیست رو میتونیم به صورت داینامیک از بانک بخونیم و توی صفحه بنویسیم. میشه مثلا لیست رو توی یه StringBuilder نوشت و رشته نهایی رو به خاصیت Text یه Littral نسبت داد. یا ریختش تو یه لیست ژنریک و لیست ژنریک رو به عنوان دیتا سورس بدی به یه گرید یا هر روش دیگه.
چون سوالتون خیلی کلیه پس جواب هم لاجرم باید کلی باشه. حالا شما کدوم قسمت مشکل داری و یا کجا ها رو میخوای تغییر بدی، مشخص کن که بیشتر براتون باز کنم. موفق باشید.

سلام با سپاس فراوان

آپلود فایل و چک کردن نوع و حجم رو بلدم و همچنین ذخیره کردن نام و آدرس فایل در دیتابیس رو . 2 موضوع می مونه یکی ساختن thumb و یکی هم نمایش که بهتره بزاریم بعد از یاد گیری ساخت thumb متاسفانه با کلاس image کار نکردم و خاصیت هاش رو بلد نیستم جستجو هم کردم مطالب کمی سر در گمم کرد . ساخت thumb رو بگید ممنون می شم

با تشکر

[Javad_Darvish_Amiry]

سلام خسته نباشید. این جا رو ببین بی زحمت. (http://barnamenevis.org/showthread.php?276295-%DA%A9%D9%84%D8%A7%D8%B3%DB%8C-%D8%A8%D8%B1%DB%8C-%DA%A9%D8%A7%D8%B1-%D8%A8%D8%A7-%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1-%D8%A2%D9%BE%D9%84%D9%88%D8%AF-%D8%B4%D8%AF%D9%87-%D8%AF%D8%B1-%D8%B3%D8%A7%DB%8C%D8%AA)