استفسار للضغط على الصورة

[vb.net]

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

استفسار
لدي في الصفحة الرئيسية
عروض بها مجموعة من الصور ..... مربوطة باداة القريد فيو
اريد .... عند الضغط على الصورة ... يقوم بتحويلي الى صفحة اخري .... بها كل بيانات الجدول
مع اظهار عنوان الموضوع في شريط شبة شفاف اسفل الصورة
حاولت اكثر من مرة ... لم تضبط معي كل الطرق




مثالي قريب ... لاداة HyperLink

[vb.net]

رفعت صورة ثانية .... توضيح للطلب

[vb.net]

الحمد لله .... انتهيت من حل المشكلة
اضفت اداة DataList في الصفحة الرئيسية (Default.aspx)
وبداخلها اضفت الكود

 <asp:DataList ID="DataList1" runat="server" DataKeyField="id" 
DataSourceID="SqlDataSource1">
<ItemTemplate>
<div>
<a href ='Default2.aspx?id=<%#DataBinder.Eval(Container .DataItem ,"id") %>'>
<asp:Image ID="Image1" runat="server" Width="180" Height="180" ImageUrl='<%# "~/image/" + Eval("image") %>' />
<br />
<asp:Label ID="Label1" runat="server" Text='<%# Eval("name1") %>'></asp:Label> 
</a>
</div>
</ItemTemplate>
</asp:DataList> 

في الصفحة الثانية مشاهدة باقي التفاصيل : (Default2.aspx)
اللحين كل شي تمام


ما اريدة بالضبط هو .... سكربت jquery
لاظهار حقل (name1) على الصورة ... مثل المشاركة رقم (2) بالاعلى


تم عمل المشروع باستخدام فيجوال ستديو 2008
وقاعدة سيكوال سيرفر 2005

بالمرفقات : المثال + سكربيت القاعدة

[vb.net]

اتوقع .... ان العملية تكون باستخدام ملف styles.css
لاظهار الشريط بااسفل الصورة

انتظر ... أجابتكم

[vb.net]

اثنا بحثي عن ملفات css
وجدت هذا الموقع نفس طلبي
http://www.cssbakery.com/2009/11/sem...ons-using.html
http://www.cssbakery.com/2009/03/cap...n-blogger.html

لاكني لا اعرف اربط حقل ( name1) بـ css

[vb.net]

الحمد لله انتهت مشكلتي



وهذا كود css للي حاب يطبق

 <style id="Style1" runat="server" type="text/css">
.image_wrapper { 
width: 400px; height: 400px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.transbox {
margin: 0; padding: 0px;
background-color: #0D0D0E;
opacity:0.6; filter:alpha(opacity=60);
position: absolute; bottom: 0; left: 0;
width: 100%;
height: 3em;
}
.image_wrapper p {
margin: 0; padding: 10px;
color: #FFFFFF;
position: absolute;
bottom: 0;
} 
</style> 

 <div class="image_wrapper">
<asp:Image class="captioned" runat="server" ImageUrl="~/image/1929.gif" Width="400" Height="400"/>
<div class="transbox"></div>
<p><strong>اهلا وسهلآ </strong> 
</p>
</div> 

[خليل سليم]

السلام عليكم ، دائما أقول جوجل صديقك، ولن تواجهك مشكلة إلا ولها حل ، بالتوفيق