I use Drupal 7.20 and try to make my imagefield just like PULLANDBEAR.

This is what I've already done: I'm using field slideshow to make node slideshow (this works as I want it to).

Then I want my image on click to open a bigger image that respects width and height (this part is really confusing).

Can someone give me the right directions or clues? I still haven't found the right ones. Maybe I used the wrong keyword(s) to find them? Right now I'm still using a trial and error approach as in the question How to zoom in an image using jquery?

2 Answers 2


I have not used the field slideshow module, but if it allows you to select the image style, then you could use the Lightbox2 module http://drupal.org/project/lightbox2. Lightbox 2 is not the only option for displaying the image in an overlay/popup type thing, there are many, here is a comparison of some of them http://drupal.org/node/266126. I just mention lightbox2 specifically as it is the one I usually use.

  • nice solutions, but already tried that. but still don't meet my need. maybe i miss something in configure it. i need to display image full width just like this [link] (pullandbear.com/webapp/wcs/stores/servlet/category/…) when image click. it display in full width
    – just-d
    Feb 27, 2013 at 10:16
  • I have not seen a module that implements that functionality specifically sorry.
    – 2pha
    Feb 27, 2013 at 23:56
  • dear @2pha, i try something like this (modify clue from Smb007) [link]jsfiddle.net/ADdqZ. but still not as smooth as pullandbear and still looking how to creat an arrow to make it a slider. i'm still new to jQuery. ps(pardon for my english)
    – just-d
    Feb 28, 2013 at 13:03
  • jsfiddle.net/5pnku/1 You may have to change the way the position is calculated though.
    – 2pha
    Mar 1, 2013 at 16:23
  • thanks @2pha for the script. now i try to find how to combine it with lightbox. so the larger image show in popup. maybe someone in this site already try it. it's been a week and more trying to find some clues. still need lot to learn jQuery :p
    – just-d
    Mar 3, 2013 at 7:38

I think Cloud Zoom should work. It's what's used on a lot of fashion magazine-style websites. Here is an excerpt about it from the module's project page:

... integrates the Cloud Zoom JQuery addon with CCK ImageField and ImageCache (or Drupal 7's core Image module).

This addon provides a small, thumbnail sized image, with an on-hover popup, zoomed and centred on a larger version of the image.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.