سوال: نمایش عکس پس از نگه داشتن موس روی آن [بایگانی]

sanazkh

سه شنبه 04 مهر 1391, 11:36 صبح

با سلام و خسته نباشید

من میخواستم در یک صفحه لیستی از عکس ها را به صورت کوچک نمایش دهم و وقتی روی هر عکس قرار گرفتم یا کلیک کردم در همان صفحه آن را بزرگ نشان دهد ...
میشه کمکم کنید ؟

hadidan

سه شنبه 04 مهر 1391, 15:41 عصر

با عرض سلام

شما از دو روش میتونید این کار رو انجام بدید:
1-با استفاده از کامپوننت ImageZoom که میتونید از سایت پایین دانلود کنید(نمونه کد هم فک کنم یافت بشه)
http://www.obout.com
برای کار با تمام کامپونت ها این سایت میتونید کتاب "واسط کاربر حرفه ایی ASP.net" نوشته مهندس نادیا وطنخواه رو خریداری کنید.(من تازه خریدم کتاب خوبیه!)

2- اما راه حل دوم استفاده از جاوا اسکریپت و یا Jquery هستش. اگر وقت کردم کدش رو براتون مینویسم. تا این حد بگم که مثلاً میتونید دو تصوی کوچک و بزرگ داشته باشد و با JQuery کدی بنویسید که وقتی کاربر کلیک کرد تصویر کنترل و اندازه اش تغییر کند. مثلاً

<script type="text/javascript" src="Script/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".Mypic").click(function () {
$(this).css('width', '=550');
$(this).css('height', '=450');
$(this)css('background-image', 'url(Temp/Big.jpg)');
});
});