Solved

ASP.net ,Jquery

Posted on 2014-04-13
5
161 Views
Last Modified: 2014-06-22
How can i zoom an image in asp.net .

there are several code available , but none is working
0
Comment
Question by:BeyondBGCM
  • 3
5 Comments
 
LVL 5

Accepted Solution

by:
jayakrishnabh earned 500 total points
Comment Utility
Please try with the following html5 code

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#article1:hover {
          -webkit-transform: scale(1.5);
          -moz-transform : scale(1.5);
          -ms-transform : scale(1.5);
          -o-transform: scale(1.5);          
}
</style>
</head>
<body>
<div id="article1">
     <img src="../Images/Penguins.jpg" />
</div>
</body>
</html>
0
 

Author Comment

by:BeyondBGCM
Comment Utility
i am new to HTML 5 , but can i use it in aspx page of ASP.net 3.5 with Visual studio 2010

or in other words ,what i need to have to run the above script, as it is not working with above mentioned configuration.
0
 

Author Comment

by:BeyondBGCM
Comment Utility
<html>
<head>
<style>
div
{
width:100px;
height:75px;
background-color:red;
border:1px solid black;
}
#img2
{
margin:100px;
-ms-transform:scale(2,4); /* IE 9 */
-webkit-transform:scale(2,4); /* Chrome, Safari, Opera */
transform:scale(2,4); /* Standard syntax */
}
</style>
</head>
<body>
<!--
<div><img id="" /></div>-->

<img id="img2" src="Images/test.jpg" />


<div id="div2">Hello. This is a DIV element.</div>

</body>
</html>
0
 

Author Comment

by:BeyondBGCM
Comment Utility
I've requested that this question be closed as follows:

Accepted answer: 0 points for BeyondBGCM's comment #a40010053

for the following reason:

I would like to accept multiple solution , as the previous answer provided lead me , to this soultion .
0
 

Expert Comment

by:zalak shah
Comment Utility
with the use of magnifier concept you can zoom image so download js of magnifier and icon of magnifier so that you can easyly zoom image
0

Featured Post

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Developer tools in browsers have been around for a while, yet they are still heavily underused by developers. Developers still fix html or CSS then refresh page to see effect, or they put alert or debugger in JavaScript and then try again and again …
A publishing tool, a Version Control System, or a Collaboration Platform! These can be some of the defining words for the two very famous web-hosting Git repositories: Bitbucket and Github. Git is widely used amongst the programmers and developers f…
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to choose which pages of your form are visible to your users based on their inputs. The page rules feature provides you with an opportunity to create if:then statements for y…
Learn how to set-up custom confirmation messages to users who complete your Wufoo form. Include inputs from fields in your form, webpage redirects, and more with Wufoo’s confirmation options.

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now