By Hellboy80-1 on

I'm working on site similar to this.
http://www.flixya.com/videos/b/0/0/top/1
I want to mix YouTube videos and uploaded pictures in the same Grid view (it should look like this: thumbnails of videos and images in Grid view and full display in nodes). For the video content I'm planning to use Emfield in CCK. What module should I use for the uploaded pictures? I want the pictures to be displayed in a same way like the videos (that means thumbnails in Grid view and full display in nodes).

⋅ Categories: Drupal 5.x

Comments

matt_harrold’s picture

matt_harrold commented

If you use Imagefield to make an Image field (along with your existing Emfield video field) you can make an imagecache preset exactly the same size as the Emfield thumbnail, create a View that shows both fields in Grid view.

Hellboy80-1’s picture

Hellboy80-1 commented

Thanks! I tried ImageCache 5.x-1.5 and it's working, but I have a problem with different sizes of horizontal and vertical images - its not looking good (when mixing horizontal and vertical images) in that grid view. Thus I'm thinking about cropping the images, so the thumbnails of all pictures (horizontal and vertical) would have the same sizes. Like here: http://www.flixya.com/photos/b/0/0/top/1
The problem is, when I crop some picture, its thubmnail become only a small (very abstract) detail of that particular picture.
Lets say this is the original image: http://santoro.ic.cz/image_original.jpg
My attempt to create a thumbnail 120x90 came out like this: http://santoro.ic.cz/image_cropped.jpg
What I want is something like this: http://santoro.ic.cz/image_cropped2.jpg
Can this be done?

Hellboy80-1’s picture

Hellboy80-1 commented

I finally found the solution: http://drupal.org/node/51818 :) Its surprisingly very easy:
1. Create a new imagecache preset for your exact size. I tend to like naming them with the dimensions so it's easy to remember what size I will be invoking. For instance, I have a site with 200px square images and I have called that setting square200.
2. Add a filter which SCALES the image to your size, using your desired dimensions (e.g. 200x200). Be sure to set the "Scale to fit" is set to "Outside dimensions."
3. Add a second filter with CROPS the image to your size (200x200 again, for instance), setting the x and y offset to "center."