- Create an elemnt for the two elements to merge
- Import unison.js Plugin on
<script src="unison.js"></script>- Create an element with a class name left-element that you want to merge in the middle. Place it inside the element on #1.
- Create an element with a class name right-element that you want to merge in the middle. Place it inside the lement on #1.
<div class="container">
<div class="left-element"></div>
<div class="right-element"></div>
</div>- Call the plugin using the element with the class name on #1
<script>
$(document).ready(function() {
$('.container').unison({
leftImg:"resources/images/groom.png",
rightImg:"resources/images/bride.png"
});
});
</script>