مساعدة فى موقع عرض صور

اتمنى من الأخوة الخبراء الرد.. انا ايضا جدا محتاجة لمعرفة هذا الأمر.. وشكرا لكم ..

أ

http://www.dezinerfolio.com/2007/04/05/free-ajax-slideshow-galleries/

هذا الموقع فيه طرق عرض للصور بتقنية الاجاكس.. جذابة جدا..

لكن ماعرفت استخدمها.. لم أجرب الاجاكس من قبل لهذا ضعت شوية فيه.. ياليت بس أعرف كيف نقدر نستخدم هذه التقنيات في عرض الصور..

وكيف بالإمكان تحميل صور من كمبيوتر المستخدم إلى الموقع ثم عرضها بهذه الطرق!!!!

الأخ الكريم / أحمد العجمي

السلام عليكم ورحمة الله وبركاته

بالنسبة لعرض الآف الصور أو الآف السجلات بشكل عام هناك موضوع طويل عريض إسمه Custom Paging ويمكنك القراءة عنه في هذا الرابط التالي

www.4guysfromrolla.com/articles/031506-1.aspx

ولكن كيفية عرض الصورة من قاعدة البيانات فيجب عليك أولا تخزين الصورة في قاعدة البيانات تحت نوع Image أو Binary أو blub على حسب محرك/نوع قاعدة البيانات (Oracle, MS SQL Server, Access, MySql .... etc)، ثم تقوم بإضافة رابط إلى صفحة aspx بحيث تقوم بإرسال الـ ID المخصص للصورة وعن طريق الـ ID تقوم بأخذ محتوى الصورة وكتابتها على الصفحة بإستخدام Respons.BinaryWrit كما هو موضح أدناه :

[code]protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            if (Request["id"] == null) throw new ArgumentException("Direct Acces to this page is not permitted");

            using (SqlConnection con = new SqlConnection(
                ConfigurationManager.ConnectionStrings["MyConnectionString"].ConnectionString))
            {
                SqlCommand cmd = new SqlCommand("select img_content from images where img_id=@img_id", con);
                cmd.Parameters.AddWithValue("img_id", Request["id"]);
                con.Open();
                byte[] buffer = (byte[])cmd.ExecuteScalar();

                Response.ContentType = "image/jpg";
                Response.BinaryWrite(buffer);
            }
        }
    }

الأخت الكريمة / مبرمجة أمتي

بالنسبة لإستخدام مستعرض الصور الموجود في الموقع الذي أشرتي عليه، أولا قومي بتحميل ملفات الـ javascrip والـ CSS الموجوده في الرابط التالي

http://github.com/jon1012/smoothgallery/zipball/master

ثم (كما أشار مؤلف الـ script) ينبغي أن يكون قالب مستعرض الصور بالشكل التالي

<div id="myGallery">  // القالب الرئيسي الذ سيقوم الـ javascript بالبحث عنه يجب أن يكون الإسم كما هو
	<div class="imageElement"> // قالب لصورة واحده ، يجب أن يكون class كما هو
		<h3>Item 1 Title</h3>  // هنا تضع عنوان الصورة القادم من قاعدة البيانات إن وجد
		<p>Item 1 Description</p> // هنا تضع وصف القادم من قاعدة البيانات إن وجد
		<a href="mypage1.html" title="open image" class="open"></a> //  هذا رابط لم أفهمة جيدا ولكن أعتقد أنه خاص بالتنقل من صورة إلى صورة
		<img src="images/brugges2006/1.jpg" class="full" /> // هنا تضعين الرابط الذي سيقوم بتحميل الصورة من قاعدة البيانات ولاحظ أن الـ class هو full أي الصورة بحجمها الكامل
		<img src="images/brugges2006/1-mini.jpg" class="thumbnail" /> // هنا تضعين الرابط الذي تكون فيه نسخة مصغرة من الصورة وقد تكون موجود في قاعدة البيانات أو قد تكون صفحة تأخذ الصورة الأصلية ثم تقوم بتصغيرها حسب المقاس المطلوب
	</div>
	<div class="imageElement">
		<h3>Item 2 Title</h3>
		<p>Item 2 Description</p>
		<a href="mypage2.html" title="open image" class="open"></a>	
		<img src="images/brugges2006/2.jpg" class="full" />
		<img src="images/brugges2006/2-mini.jpg" class="thumbnail" />
	</div>
</div>

ملاحظة حجم الصورة المصغره المعياري كما ورد في الموقع هو

100px wide and 75px tall

وحجم الصورة الإفتراضي الموجوده في المستعرض هو

460x345

ويمكنك تغييرة من خلال ملف الـ CSS

css/jd.gallery.css

عن طريق القاعدة

#myGallery
{
width: [your_width] !important;
height: [you_height] !important;
}

وفي المرفقات ستجدون مثالا يقوم بإضافة صور وعرضها بإستخدام المستعرض المذكور أعلاه

وبإذن الله سأقوم ببرمجة User Control يقوم بهذه العملية بصورة بحيث لا تقوم إلا بتحديد الـ ConnectionString وبعض أسامي الحقول الموجوده في قاعدة البيانات فقط

أتمنى لكم التوفيق

ImageViewer.zip

الأخت العزيزة / مبرمجة أمتي

لقد قمت بكتابة موضوع كامل عن كيفية التعامل مع الصور، من ناحية رفعها إلى قاعدة البيانات وتحديد حجمها وأيضا منع رفع أي ملف ما لم يكون صورة وما إلى ذلك، المبداء المطروح ينطبق تماما مع قاعدة بيانات Access or Oracle or MySql بالنسبة للكود فللأسف الشديد هو بلغة C# ولكن ما أعتقده أن تحويله إلى VB.NET سهل جدا ولا يتطلب جهد كبير.

الموضوع موجود في الرابط التالي :

/index.php?showtopic=214023

أتمنى لكي التوفيق

شكرا يا جماعة على الاهتمام دا والحمد لله انا استفدت كثير من ردودكم الجميلة