نمایش تصویر بزرگتر بصورت popup برای کنترل <asp:Image>

[hadi-z]

سلام
آیا راهی برای نمایش تصویر بزرگتر بصورت popup برای کنترل <asp:Image> وجود داره؟
میدونم برای <img> با جی کوئری میشه این کارو کرد.
ولی برای <asp:Image> رو خیلی سرچ کردم ولی چیزی دستگیرم نشد
ممنون میشم راهنماییم کنید.

[Saman Hashemi]

کنترل <asp:Image> در نهایت تبدیل به <img> میشه بعدم شما همون کلاسی که به <img> میدی اگر به <asp:Image> بدی همون کار میکنه برای همین میتونی از jQuery استفاده کنی،از Visual LightBox هم میتونی کمک بگیری...!
دمو LightBox (http://visuallightbox.com/lightbox-mac-style-demo.html)
آموزش LightBox (http://barnamenevis.org/showthread.php?295775-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%DA%AF%D8%A7%D9%84%D8%B1%DB%8C-%D8%B9%DA%A9%D8%B3-%D8%AF%D8%A7%DB%8C%D9%86%D8%A7%D9%85%DB%8C%DA%A9-%D8%AA%D9%88%D8%B3%D8%B7-Jquery&highlight=karaji333)

[hadi-z]

ممنون از پاسختون
ولی من تمام کارهایی که اونجا و یا http://lokeshdhakar.com/projects/lightbox/ گفته شده رو انجام دادم و برای image از اون اسکریپت استفاده کردم
ولی جواب نمیده
اما وقتی با img کار می کنم جواب میده

[Saman Hashemi]

خوب اگه نیاز دارید که img سمت سرور باشه تا بتونید عملیاتی روش انجام بدید با تگ runat ببریدش سمت سرور البته بعید میدونم غیر نمایش کار دیگه ای بخوایین انجام بدید که در این صورت فرق چندانی بینشون که نیست،فکر میکنم استفاده از img بهترم باشه...!

[hadi-z]

مشکل اینه که تصاویر رو به صورت بایت تو دیتابیس دخیره کردم و با ashx نمایش میدم
به همین خاطر مجبورم از image استفاده کنم و باید تو کدبیهایند با خاصیت های اون کار کنم.

یعنی هیچ راه حلی برای این کار وجود نداره؟؟

[programer-ir]

خوب اول بایت رو به ایمیچ تبدیل کنید بعد به تگ img نصبتش بدید

[ahmad156]

دوست عزیز
LightBox بالایی که گفتین کرک نداره؟یا شاید من دارم اشتباه میکنم:متفکر:

[programer-ir]

System.Drawing.Image c1 = System.Drawing.Image.FromStream(m);
string imageSrc = string.Format("data:image/jpg;base64,{0}",Convert.ToBase64String(m.ToArray()));

img.Src = imageSrc;

[bahar_1984_n]

[LEFT][RIGHT]این کلاس رو اضافه کن به ابتداب صفحه
<style type="text/css">
.thumbnail2{
position: relative;
z-index: 30;
}

.thumbnail2:hover{
background-color: gray;
z-index: 30;
}


.thumbnail2 div{ /*CSS for enlarged image*/
position: absolute;
background-color: blue;
padding: -1px;
left: -100px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}


.thumbnail2:hover div{ /*CSS for enlarged image on hover*/
visibility: visible;
top:-10px;
left: -80px; /*position where enlarged image should offset horizontally */

}




</style>



بعدش قبل از تگ تصویرت

<a class="thumbnail2" Style="text-decoration: none" ><div visible="false" style="background-color: ghostwhite; font-family: tahoma; color: chocolate; font-size: 8pt; width: 200px; border-bottom: gainsboro 1px solid; border-left: gainsboro 1px solid; border-top: gainsboro 1px solid; border-right: gainsboro 1px solid; direction: rtl; line-height: 11pt; text-align: justify;" dir="rtl" >

<tag imge popup>اینجا تصویر بزرگتر رو قرار بده که قرار نمایش داده بشه

</div>




</image> اینم تصویر با سایز کو چکتر قرار داده بشه

</a>
حتی میشه تو گرید ویو نیز ازش استفاده کرد.

[Saman Hashemi]

دوست عزیز
LightBox بالایی که گفتین کرک نداره؟یا شاید من دارم اشتباه میکنم
شما باید از خروجی برنامه الگو بگیرید برای همین کرک بودن یا نبودن برنامه اهمیتی ندارد...!

[LEFT][RIGHT]این کلاس رو اضافه کن به ابتداب صفحه
<style type="text/css">
.thumbnail2{
position: relative;
z-index: 30;
}

.thumbnail2:hover{
background-color: gray;
z-index: 30;
}


.thumbnail2 div{ /*CSS for enlarged image*/
position: absolute;
background-color: blue;
padding: -1px;
left: -100px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}


.thumbnail2:hover div{ /*CSS for enlarged image on hover*/
visibility: visible;
top:-10px;
left: -80px; /*position where enlarged image should offset horizontally */

}




</style>



بعدش قبل از تگ تصویرت

<a class="thumbnail2" Style="text-decoration: none" ><div visible="false" style="background-color: ghostwhite; font-family: tahoma; color: chocolate; font-size: 8pt; width: 200px; border-bottom: gainsboro 1px solid; border-left: gainsboro 1px solid; border-top: gainsboro 1px solid; border-right: gainsboro 1px solid; direction: rtl; line-height: 11pt; text-align: justify;" dir="rtl" >

<tag imge popup>اینجا تصویر بزرگتر رو قرار بده که قرار نمایش داده بشه

</div>




</image> اینم تصویر با سایز کو چکتر قرار داده بشه

</a>
حتی میشه تو گرید ویو نیز ازش استفاده کرد.
اینو چه جوری بخونه بنده خدا...!
یه ذره مرتبش کنید...!

[ahmad156]

دوست عزیز
میشه یه خرده ابتدایی تر بگین
ممنون از لطفتون

[hadi-z]

خوب اول بایت رو به ایمیچ تبدیل کنید بعد به تگ img نصبتش بدید

گفتم که دوست عزیز، باید از image استفاده کنم


[LEFT][RIGHT]این کلاس رو اضافه کن به ابتداب صفحه
<style type="text/css">
.thumbnail2{
position: relative;
z-index: 30;
}

.thumbnail2:hover{
background-color: gray;
z-index: 30;
}


.thumbnail2 div{ /*CSS for enlarged image*/
position: absolute;
background-color: blue;
padding: -1px;
left: -100px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}


.thumbnail2:hover div{ /*CSS for enlarged image on hover*/
visibility: visible;
top:-10px;
left: -80px; /*position where enlarged image should offset horizontally */

}




</style>



بعدش قبل از تگ تصویرت

<a class="thumbnail2" Style="text-decoration: none" ><div visible="false" style="background-color: ghostwhite; font-family: tahoma; color: chocolate; font-size: 8pt; width: 200px; border-bottom: gainsboro 1px solid; border-left: gainsboro 1px solid; border-top: gainsboro 1px solid; border-right: gainsboro 1px solid; direction: rtl; line-height: 11pt; text-align: justify;" dir="rtl" >

<tag imge popup>اینجا تصویر بزرگتر رو قرار بده که قرار نمایش داده بشه

</div>




</image> اینم تصویر با سایز کو چکتر قرار داده بشه

</a>
حتی میشه تو گرید ویو نیز ازش استفاده کرد.

ممنون
ولی میشه یکم راحت تر توضیح بدید

[hadi-z]

از قرار معلوم کار شدنی ای نیست!!!

[Mohamad1362]

از قرار معلوم کار شدنی ای نیست!!! از کنترل ModalPopupExtender استفاده کن

[hadi-z]

از کنترل ModalPopupExtender استفاده کن

ممنون ولی در http://ajaxcontroltoolkit.codeplex.com/releases/view/33804 کاربران درمورد این کنترل اصلا نظر مثبتی ندادن!!

شما ازش استفاده کردین؟؟

[programer-ir]

شما دارین خودتون رو اذیت می کنید تگ img با تگ image فرقی نداره چرا از img استفاده نمی کنید؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟ ؟؟؟؟
برای ست کردن عکس به صورت بایت به تگ img هم که در پست قبلیم نوشتم.من که تست کردم جواب داد.
موفق باشید

[Mohamad1362]

ممنون ولی در http://ajaxcontroltoolkit.codeplex.c...ses/view/33804 (http://ajaxcontroltoolkit.codeplex.com/releases/view/33804) کاربران درمورد این کنترل اصلا نظر مثبتی ندادن!!
شما ازش استفاده کردین؟؟ من استفاده کردم ، خیلی هم خوب جواب میده