-
1 مرفق
استفسار للضغط على الصورة
السلام عليكم ورحمة الله وبركاتة
استفسار
لدي في الصفحة الرئيسية
عروض بها مجموعة من الصور ..... مربوطة باداة القريد فيو
اريد .... عند الضغط على الصورة ... يقوم بتحويلي الى صفحة اخري .... بها كل بيانات الجدول
مع اظهار عنوان الموضوع في شريط شبة شفاف اسفل الصورة
حاولت اكثر من مرة ... لم تضبط معي كل الطرق
مثالي قريب ... لاداة HyperLink
-
1 مرفق
رفعت صورة ثانية .... توضيح للطلب
-
2 مرفق
الحمد لله .... انتهيت من حل المشكلة
اضفت اداة DataList في الصفحة الرئيسية (Default.aspx)
وبداخلها اضفت الكود
كود PHP:
<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
بالمرفقات : المثال + سكربيت القاعدة
-
اتوقع .... ان العملية تكون باستخدام ملف styles.css
لاظهار الشريط بااسفل الصورة
انتظر ... أجابتكم
-
-
الحمد لله انتهت مشكلتي
وهذا كود css للي حاب يطبق
كود PHP:
<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>
كود PHP:
<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>
-
السلام عليكم ، دائما أقول جوجل صديقك، ولن تواجهك مشكلة إلا ولها حل ، بالتوفيق