entropia
10/4/2017 - 12:02 PM

Change pic on Hover

small function to change a pics src when hovered. Requires proper naming of the files. E.g img.png --> img_hover.png

pic.js
content_copyfile_download
var changePicOnHover = function (selector) {
	$(selector).mouseenter(function(e) {
		var orig = $(this).find('img').attr('src').split('.');
		$(this).find('img').attr('src',orig[0]+'_hover.png');
	});
	$(selector).mouseleave(function(e) {
		var orig = $(this).find('img').attr('src').split('_hover');
		$(this).find('img').attr('src',orig[0]+'.png');
	});
}