How to make Thumbnails of an Image and again show it as big?
-
I am developing a site in which I need to show images as thumbnails and on bringing mouse over them I want to show them as big like the images shown in below link http://www.pensacolamls.com/(0v3xqr45qcmocsnrmh3nhmyo)/propertyDetails.aspx?mls=301025 Please tell me how can i make my .jpg files as thumbnails and on bringing mouse over them to show details as in above site. Thanks, Sandy
-
I am developing a site in which I need to show images as thumbnails and on bringing mouse over them I want to show them as big like the images shown in below link http://www.pensacolamls.com/(0v3xqr45qcmocsnrmh3nhmyo)/propertyDetails.aspx?mls=301025 Please tell me how can i make my .jpg files as thumbnails and on bringing mouse over them to show details as in above site. Thanks, Sandy
If you have 2 images (a thumbnail and a large image) you can just put the thumbnails on the page and render the inline popups on mouseovers (i suggest doing this with javascript cause otherwise you'll have troubles with postbacks). If you do not have 2 images you will have to render your own thumbnails (on pageload for example) with System.Drawing libary. Then you can save your thumbnails just like you should have 2 images. For an inline popup you can put a div with style "display:none" wherin you put your image. And onmouseover (from your thumbnail) you change the style of the div to display:div. With css you can place the div where you want on the screen.