Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

ASP.net ,Jquery

Posted on 2014-04-13
5
171 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
ID: 39998957
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
ID: 39999201
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
ID: 40010053
<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
ID: 40010074
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
ID: 40150350
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

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

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 …
These days, all we hear about hacktivists took down so and so websites and retrieved thousands of user’s data. One of the techniques to get unauthorized access to database is by performing SQL injection. This article is quite lengthy which gives bas…
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
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…

839 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