الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

jQuery كود إضافة صور

بدأه Ahmed_Amer في 1 أكتوبر 2011 · 4 رد · 1,188 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

لدي قاعدة بيانات بها جدول يسمى news_table

ويحتوي على التالي:

عمود id وعمود يحتوي على مسار الصورة يسمى picture وعمود يحتوي على وصف لمحتوى الصورة يسمى description

والجدول يحتوي على أربع صفوف

قمت بعمل مشورع جديد باستخدام Visual studio وقمت بإدراج الكود التالي داخل الـ body tag:

<div id="carousel">

<ul>

<li>
<img src="news/1.jpg" width="950" height="300"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla aliquam ligula sagittis pellentesque. Sed pretium volutpat cursus. </p>
</li>

<li>
<img src="news/2.jpg" width="950" height="300"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla aliquam ligula sagittis pellentesque. Sed pretium volutpat cursus. </p>
</li>

<li>
<img src="news/3.jpg" width="950" height="300"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla aliquam ligula sagittis pellentesque. Sed pretium volutpat cursus. </p>
</li>

<li>
<img src="news/4.jpg" width="950" height="300"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla aliquam ligula sagittis pellentesque. Sed pretium volutpat cursus. </p>
</li>

</ul>
</div><!-- end of caroudel div tag -->

طبعا المشورع يحتوي على folder بالصور الأربع المشار إليها في قاعدة البيانات ...

ما أود فعله هوه الحصول على مسار الصور والوصف من قاعدة البيانات واستبدالها بالكود السابق حتى يتم تغير الصور وفقا لمحتوى قاعدة البيانات وليس عن طريق الكود الثابت السابق

كيف يمكنني كتابة الكود بحيث يقوم باختيار الصور وعمل الكود واستبداله في الكود السابق .

أرجو المساعدة

وشكرا

#2

بإمكانك اخي أستخدام احدى أدوات العرض مثل .....listview

وقال تعالى(( وَلَن تَرْضَى عَنكَ الْيَهُودُ وَلاَ النَّصَارَى حَتَّى تَتَّبِعَ مِلَّتَهُمْ قُلْ إِنَّ هُدَى اللّهِ هُوَ الْهُدَى وَلَئِنِ اتَّبَعْتَ أَهْوَاءهُم بَعْدَ الَّذِي جَاءكَ مِنَ الْعِلْمِ مَا لَكَ مِنَ اللّهِ مِن وَلِيٍّ وَلاَ نَصِيرٍ ))......

للمزيد من المشاريع الجاهزة ودورات برمجة المواقع اضغط هنا

#3
Ahmed_Amer كتب:

لدي قاعدة بيانات بها جدول يسمى news_table

ويحتوي على التالي:

عمود id وعمود يحتوي على مسار الصورة يسمى picture وعمود يحتوي على وصف لمحتوى الصورة يسمى description

والجدول يحتوي على أربع صفوف

قمت بعمل مشورع جديد باستخدام Visual studio وقمت بإدراج الكود التالي داخل الـ body tag:

<div id="carousel">

<ul>

<li>
<img src="news/1.jpg" width="950" height="300"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla aliquam ligula sagittis pellentesque. Sed pretium volutpat cursus. </p>
</li>

<li>
<img src="news/2.jpg" width="950" height="300"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla aliquam ligula sagittis pellentesque. Sed pretium volutpat cursus. </p>
</li>

<li>
<img src="news/3.jpg" width="950" height="300"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla aliquam ligula sagittis pellentesque. Sed pretium volutpat cursus. </p>
</li>

<li>
<img src="news/4.jpg" width="950" height="300"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla aliquam ligula sagittis pellentesque. Sed pretium volutpat cursus. </p>
</li>

</ul>
</div><!-- end of caroudel div tag -->

طبعا المشورع يحتوي على folder بالصور الأربع المشار إليها في قاعدة البيانات ...

ما أود فعله هوه الحصول على مسار الصور والوصف من قاعدة البيانات واستبدالها بالكود السابق حتى يتم تغير الصور وفقا لمحتوى قاعدة البيانات وليس عن طريق الكود الثابت السابق

كيف يمكنني كتابة الكود بحيث يقوم باختيار الصور وعمل الكود واستبداله في الكود السابق .

أرجو المساعدة

وشكرا

-----------------------------

اخي العزيز سوف ارفق لك مثال مثيل للي قلت عليه وان شاء الله يكون حسب ماطلبته

WebSite.rar

2
#4
السيد الهاشمي كتب:

-----------------------------

اخي العزيز سوف ارفق لك مثال مثيل للي قلت عليه وان شاء الله يكون حسب ماطلبته

أسمى آيات الشكر على الرد أخيي "السيد الهاشمي"

والشكر موصول أيضا لكل من ساعدني في هذا الموضوع

1
#5
Ahmed_Amer كتب:

أسمى آيات الشكر على الرد أخيي "السيد الهاشمي"

والشكر موصول أيضا لكل من ساعدني في هذا الموضوع

----------------------------

ولو اخي العزيز هذه اقل واجب نقدر نقدمه لاخواننا

مواضيع مشابهة