<script type="text/javascript">
$('.sl').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
prevArrow: '<div class="prevg"><img src="../img/icon/arrow_prew.png"></div>',
nextArrow: '<div class="nextarr"><img src="../img/icon/arrow_next.png"></div>',
autoplaySpeed: 2000,
});
</script>
<p id="test">
<img src="1.jpg" alt="Image" title="Image" width="200" id="img">
</p>$(document).ready(function () {
$("#img").on("click" , function (event) {
var ready = 0
$(event.target).parent().css("text-align", "center");
$(event.target).animate ({
width: $(event.target).width() * 5,
height: $(event.target).height() * 5,
} , 3000);
var ready = 1
if (ready == 1) {
$('body').css("background", "#616161")
}
});
});