Change Photo on Hover in SmugMug - Fine Art Prints for Sale

Change Photo on Hover

If you want to change a single photo on hover, then you need to add a HTML/CSS box and add the following:

HTML


<div class="hover-photo"></div>

CSS


	/* Change Photo on Hover */
.hover-photo{
	width: 300px; /* photo width */
	height: 450px; /* photo height */
	background-image: url('URL-photo-here');
	}		
		
.hover-photo:hover {
	background-image: url('URL-hover-photo-here');
	}

Powered by SmugMug Log In