Solved

ASP.net ,Jquery

Posted on 2014-04-13
5
172 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
[X]
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
  • 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

Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

Question has a verified solution.

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

Suggested Solutions

If I have to fix slow responding website my first thoughts are server side optimizations: the database may not be optimized or caching is not enabled, or things like that. We often overlook another major part of our web application: the client. We o…
It’s a strangely common occurrence that when you send someone their login details for a system, they can’t get in. This article will help you understand why it happens, and what you can do about it.
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…
This video teaches users how to migrate an existing Wordpress website to a new domain.

733 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