Auto expanding thumbnails on galleries? LIke search results

paulbrock · August 5, 2013

OK, so when you search for text, the results bring up a cool thumbnail view which auto expands the photo when you mouse over it.

Any other use of thumbnails doesn't seem to have this though - clicking on a keyword, setting thumbnails as the gallery style, etc.

Any way I can have it on other pages?

southeasternphotography · August 6, 2013

Auto Expanding Thumbnails
+1 for the request above!

leftquark · August 26, 2013

+1!

thenickdude · August 26, 2013

This is the best I could do:

.sm-tiles-center-image .sm-tile-content:hover {
	overflow:visible;
}
.sm-tiles-center-image .sm-tile-content:hover .sm-image {
	z-index:100;
	background-color: #242528;
	border-color: #3c3e43;
	-moz-box-shadow: 0 0 24px 8px rgba(0,0,0, 0.25);
	-webkit-box-shadow: 0 0 24px 8px rgba(0,0,0, 0.25);
	box-shadow: 0 0 24px 8px rgba(0,0,0, 0.25);    
	border-width: 1px;
	border-style: solid;
}
.sm-tiles-center-image .sm-tile-content:hover .sm-tile-info {
	z-index:101;
}

/* Compensate for the shift caused by adding a border to the image */
.sm-tiles-center-image .sm-tile-content:hover .sm-image.sm-tile-limit-width {
	margin-left:-1px;
}
.sm-tiles-center-image .sm-tile-content:hover .sm-image.sm-tile-limit-height {
	margin-top:-2px;
}

It can't really be done like the SmugMug example without using JavaScript. For example, you can't really move the info bar to fill the bottom of the photo correctly with the current markup, and I couldn't figure out a nice way of making the popped-up photo fade in or show after a short delay only using CSS. This pretty much needs to be a Feature Request.

southeasternphotography · August 26, 2013

Oh, like asking for something we had in legacy to be brought back?

Auto expanding thumbnails on galleries? LIke search results

Comments