Skip to content

Instantly share code, notes, and snippets.

@manolenso
Created March 21, 2013 15:04
Show Gist options
  • Save manolenso/5213734 to your computer and use it in GitHub Desktop.
Save manolenso/5213734 to your computer and use it in GitHub Desktop.
AfterBefore plugin
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Before and after : Preset-2</title>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js'></script>
<script type='text/javascript' src='js/jquery.beforeafter.js'></script>
</head>
<body>
<script type="text/javascript">
$(function(){
$('#BeforeAfter').beforeAfter({animateIntro : true,
introDelay : 2000,
introDuration : 500,
showFullLinks : false
});
});
</script>
<div id="BeforeAfter">
<div><img alt="before" src="images/before3570.jpg" width="375" height="500"></img></div>
<div><img alt="after" src="images/after3570.jpg" width="375" height="500" ></img></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment