Rev | Line | |
---|
[9826] | 1 | /* from http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/ thx ! */ |
---|
| 2 | ul.thumbnails { |
---|
| 3 | list-style: none; |
---|
| 4 | margin: 0; |
---|
[9834] | 5 | overflow: hidden; |
---|
| 6 | padding: 50px; |
---|
[9826] | 7 | } |
---|
| 8 | ul.thumbnails li { |
---|
| 9 | margin: 0; |
---|
| 10 | padding: 5px; |
---|
| 11 | float: left; |
---|
| 12 | position: relative; /* Set the absolute positioning base coordinate */ |
---|
| 13 | width: 110px; |
---|
| 14 | height: 110px; |
---|
| 15 | } |
---|
| 16 | ul.thumbnails li img { |
---|
| 17 | width: 100px; |
---|
| 18 | height: 100px; /* Set the small thumbnail size */ |
---|
| 19 | -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ |
---|
| 20 | border: 1px solid #ddd; |
---|
| 21 | padding: 5px; |
---|
| 22 | background: #f0f0f0; |
---|
| 23 | position: absolute; |
---|
| 24 | left: 0; |
---|
| 25 | top: 0; |
---|
| 26 | } |
---|
| 27 | ul.thumbnails li img.hover { |
---|
| 28 | background:url(thumb_bg.png) no-repeat center center; /* Image used as background on hover effect*/ |
---|
| 29 | border: none; /* Get rid of border on hover */ |
---|
| 30 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.