Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <img src="http://www.vnvlvokc.com/ow_userfiles/plugins/shoppro/images/product_1.jpg" >
   <img src="http://www.vnvlvokc.com/ow_userfiles/plugins/shoppro/images/product_2.jpg" >
</body>
</html>
 
$(function(){
    $("img").css({opacity: "0.001", left: '0px'});
    objthis= $("img").eq(0);
     var imgPosX = ( $(window).width() - objthis.width() )/2; 
     var imgPosY = ( $(window).height() - objthis.height() )/2; 
     objthis.css({"position":"relative","top": imgPosY+"px", "left": imgPosX+"px"}); 
     objthis.animate({opacity:"1", zoom: '150%'}, 'medium'); 
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
gajjuthechamppro
0viewers