Click here to Skip to main content
15,942,580 members
Please Sign up or sign in to vote.
5.00/5 (1 vote)
Hello Everyone

I am searching for any code/scripting to zoom a div while clicking on div.
I have a condition that while zooming the div the contents(images,text) of the div also gets zoom.....

If anyone know how to do this then please help

thanks in advance
Posted

1 solution

XML
<html>
<header>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
    $("#centerimage").live("click", function() {
        console.log("Show cart Clicked .....");
          $("#LoginContainer").show("slow"); 
         //$("#LoginContainer").slideDown("slow");

    });
</script>
    </header>
<body>
       <div id="centerimage" style="width:200px; height:200px;  border-style: solid; text-align:center;<br mode=" hold=" />        border-width: 2px;margin:20% auto;">
      has a  centered image
    </div>
   
    <div id="LoginContainer" style="display:none;width:800px;height:400px; border-style: solid; text-align:center;<br mode=" hold=" />        border-width: 2px;margin:-40% auto;">
        The div Emereged/Zoomed/Showed  
    </div>
  
</body>
<html>
 
Share this answer
 
v3
Comments
vinu2528 10-Jan-13 1:16am    
sorry sir not working....
Sandeep Mewara 10-Jan-13 10:41am    
How is it a zoom code? You just show a hidden div.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900