[Pro] Square thumbnails in showcase

Freeway
1

Hi,

I’m building a gallery on my site via Showcase that requires the thumbnails to be square. I can’t for the life of me find a way to output them as squares, they always take the dimensions of the original photograph. I’d like the enlarged image to be the original dimensions, but the thumbnail a cropped square, as the different sized thumbnails look a tad ugly.

Any ideas?

Thanks loads,

Neil.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Any idea’s peeps? Pleeeeeeese.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

I think that what you will have to do is use images that have a background that is the same colour as your intended page background and make these images square filling the extra canvas with your bg colour.

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Forget that - You really need to use square pics to get square thumbs.

The problem is that the same pic is used for the large one - so square big ones.

I dont think that Showcase is an option for you.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Hi Dave,

Thanks for your replies. You’re right, as my large images are all different sizes (and I’d like to show these as they are when clicked on, but cropped square when a thumbnail) I guess I’ll need to switch to something like scriptyLightbox2 instead. It’s a shame, and something that would make a good feature request since showcase is an excellent addition to freeway and makes it so much easier to amend images once setup.

Thanks anyway Dave.

Neil.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

OK - I have fiddled with this to get http://www.deltadesign.co/odds/showtest.html

This uses a bit of CSS to resize the thumbnails but it does mean that they are dispro’d (disproportionally scaled)

The actual width will depend on your originals and the thumb size you chose and they would all have to the same dimensions to start with.

<style type="text/css">
<!--
#sccontainer ul.fwShowcase_thumbs li a img{
    width: 66px !important;
}
-->
</style>

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

Hi Dave,

Thanks for these. However, I’d need the thumbnails to be cropped rather than scaled, as they are quite big thumbnails on the site (right hand side colour images on here mindful-taichi.co.uk) and the image distortion would look out of place.

Neil.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

However, I’d need the thumbnails to be cropped

That is a completely different ball game - and one that Showcase can’t help you with.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options