I have a set of images which rotates around an image as in the Figure.
Its done using round-about plugin When clicked on the front image, how to show another div zooming from the image and covering the entire page.It should look like its emerging from the image. We can have a demo on the following code : \[code\]<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> <!--Image to be clicked --> <div id="centerimage"style="width:200px; height:200px; border-style: solid; text-align:center; border-width: 2px;margin:20% auto;"> has a centered image </div> <!-- Div to be displayed emerging from the image --> <div id="LoginContainer" style="display:none;width:800px;height:400px; border-style: solid; text-align:center; border-width: 2px;margin:-40% auto;"> The div Emereged/Zoomed/Showed </div> </div></body><html>\[/code\]We have to show the LoginContainer div zooming from the centerimage div when clicked.