SitePoint.com

RyanReese · Jul 5, 2009, 11:45

Quote:

Originally Posted by rbfree

THanks Ryan. The author said the solution (to posed problem) didn't require js so I was a bit confused on that. Apparently auth was styling with js, then.

Oh wait I retract my statement...I missed it in the CSS too lol.

He makes the image big by default, but sets it to 100% of the anchors width/height, and on hover he sets the width/height back to auto

Code:

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
	cursor:default; height:auto; width:auto;
	overflow:visible; border:1px solid #369;
	margin:-1px 0 0 -1px; }
	html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }
	
.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

rbfree · Jul 6, 2009, 08:54

Thanks for articulating this tactic. Clever, from my perspective. Do you see any major drawbacks to this approach?

Thread Tools
Show Printable Version Email this Page
Display Modes
Switch to Linear Mode Hybrid Mode Switch to Threaded Mode

Jul 6, 2009, 08:54	#2
rbfree SitePoint Zealot Join Date: Jan 2008 Location: Hot Springs, Montana Posts: 195	Thanks for articulating this tactic. Clever, from my perspective. Do you see any major drawbacks to this approach?