Using the TinyCarousel program I created the following sample page.
http://www.dealred.com/wa/jqimage.htm
The carousel is working fine, but as I have less space on the home page, we need to reduce the height of the carousel without reducing the thumbnail sizes.
Actual thumbnail size: 175×175
Carousel image size: 140×140
Required image size: 116×140 (do not show the top 12px and bottom 12px of the image). This will save us 24 pixels height and at the same time no compromise on the quality.
I created a sample requirement in photoshop. Please check it.
Is it possible to achieve this by using CSS or JQuery. Please help with the code.
Thanks.
You could make a wrapper div around the image put a overflow: hidden; on it and define the height. And position the thumb -12px to the top.