JohnLesbergtion
New Member
I downloaded a plugin from http://www.pikachoose.com/. It seems to be working fine except in Firefox (Mac) the slideshow shifts to the right and the thumbnail is incorrectly oriented until the carousel is activated or a thumbnail is pressed. HTML\[code\]<div class="pikachoose"> <ul id="slideShow" > <li><img src="http://stackoverflow.com/questions/12732371/images/case-study-image-1.jpg" width="749" height="504"/></li> <li><img src="http://stackoverflow.com/questions/12732371/images/case-study-image-2.jpg" width="749" height="504"/></li> </ul></div>\[/code\]CSS\[code\].pika-thumbs{ padding: 0 16px; height: 75px; } .pika-thumbs li{ width: 72px; height:74px; margin: 10px 0 0 17px; padding: 0; overflow: hidden; float: left; list-style-type: none; padding: 3px; margin: 0 5px; cursor: pointer;} .pika-thumbs li .clip { position:relative; height:100%; text-align: center; vertical-align: middle; overflow: hidden;} /* The stage is the wrapper. The image fills 100% the height of the stage */ .pika-stage, .pika-textnav { width: 750px;} .pika-stage { position: relative; background: #fafafa; border: 1px solid #e5e5e5; padding: 10px 6px 40px 10px; text-align:center; height:250px;} .pika-stage img{ height:100%px;} .pika-stage .caption { position: absolute; background: #000; background: rgba(0,0,0,0.75); border: 1px solid #141414; font-size: 11px; color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;} .pika-stage .caption p { padding: 0; margin: 0; line-height: 14px;}\[/code\]