images carrousel JQuery garniture

Question

Utilisation du programme TinyCarousel j'ai créé la page d'exemple suivant. http://www.dealred.com/wa/jqimage.htm

Le carrousel fonctionne très bien, mais comme je l'ai moins d'espace sur la page d'accueil, nous avons besoin de réduire la hauteur du carrousel sans réduire la taille des miniatures.

Taille des vignettes actuelle: 175x175 taille de l'image carrousel: 140x140 taille d'image requise: 116x140 (ne montrent pas le 12px de haut et 12px bas de l'image). Cela nous permettra d'économiser hauteur 24 pixels et en même temps, sans aucun compromis sur la qualité.

Je créé une exigence échantillon dans photoshop. S'il vous plaît vérifier.

Est-il possible d'y parvenir en utilisant CSS ou JQuery. S'il vous plaît aider avec le code. Merci.

Answer 1

Vous pourriez faire un div wrapper autour de l'image mettre un overflow: hidden; dessus et définir la hauteur. Et la position la -12px du pouce vers le haut.

Answer 2

Je ne sais pas si vous voulez ma réponse, mais je installation juste une action dans Photoshop et recadrer toutes les vignettes. Je ne peux pas penser à un moyen facile de « culture » les vignettes à moins qu'ils ont été définis comme arrière-plan image dans un div ou quelque chose.

Curieux d'entendre si quelqu'un de plus expérimenté que moi a une solution bien.