cssCode.css

.animated{
  visibility: hidden;
}

.visible{
  visibility: visible;
}

how-to-use-animate-css.js

jQuery().ready(function(){
	$('.blocrst').bind('mouseenter mouseleave',function(e){

		if(e.type=='mouseenter') $(this).addClass('animated rubberBand');
		else 					 $(this).removeClass('animated rubberBand');

	});

	$('.animated').appear(function(){
		var element=$(this);
		var animation=element.data('animation');
		if(!element.hasClass('visible'))
		{
			var animationDelay=element.data('animation-delay');
			setTimeout(function(){
				element.addClass(animation+' visible');
			},animationDelay
			);
		}
	});
});

htmlCode.html

<div id="wcontent-detail-left">
	<img src="images/img_test_detail.jpg" al=""  class="animated" data-animation="pulse" data-animation-delay="800" />
	<img src="images/img_test_detail.jpg" al="" class="animated" data-animation="pulse" data-animation-delay="800" />
</div>