Pictures expanding | drupal.org

Posted by zerocool22 on February 6, 2013 at 10:54am

Hello,

I am running a drupal 7 website. And I have all pages and added some pictures to it with the Only local images are allowed. tag. Is there a way you can use some java script. So you can enlarge the pictures when clicking them?

Thanks!

Comments

you can use colorbox module

Posted by amy_dany on February 6, 2013 at 12:45pm

you can use colorbox module so that when ever user clicks on image it pops out image, you have options to set image size and effects also there.

Drupal developer

it seems the colorbox only

Posted by zerocool22 on February 6, 2013 at 2:19pm

it seems the colorbox only works as some sort of gallery? I downloaded and installed the module and enabled it. But whenever I go to my pages and click on my images nothing happens.

You need to change your

Posted by Dollowmite on February 6, 2013 at 2:52pm

You need to change your format from "image" to "colorbox" for your images

hmm i just changed the to

Posted by zerocool22 on February 6, 2013 at 3:30pm

hmm i just changed the</code> <img source:"... "> to <colorbox source:"..."><code> but it does not work.

Sorry for beeing a noob!

---

Posted by cfox612 on February 6, 2013 at 5:58pm

First off you need to add colorbox to your image as a class:

<img src="" alt="" class="colorbox-load" />

Then you need to go into the colorbox config settings located: admin/config/media/colorbox and check the box for "Enable Colorbox load".

If you're images are via the image field, Lightbox2 might be a better solution for you. Then you would go to admin/structure/types and "Manage Display" of that content type. Then select the appropriate type of image (would look something like this: Lightbox2: lightbox: medium->original).

Are you using a module to put

Posted by Dollowmite on February 6, 2013 at 6:00pm

Are you using a module to put these images in like "insert" or a "wysiwyg"? Insert is really easy.

Go to your content type >create a field for your image > go to the tab that says manage fields and change format to colorbox.

I upload my images with ftp

Posted by zerocool22 on February 7, 2013 at 12:47pm

I upload my images with ftp to a folder and then in the "edit view" I set it to full html, and then I just use the img code href This time I used the </code>class="colorbox-load"<code> now that works fine. Is there a easyer way to upload pictures, so it is easyer to import pictures into a product page. Automatically when you upload the picture and place it into a page, when you click the picture it gets bigger. And all images are the same size, height, width?

I also tried to change the "content type" to colorbox but I did not find anything to change to colorbox?

Here is the link to the page I am trying this on. => http://bit.ly/14ej2np

Any help?

I would use Insert and

Posted by Dollowmite on February 7, 2013 at 5:00pm

I would use Insert and Colorbox. As for the the images being the same size you need to create an image style for that or use the default "square thumb" image style.