How can I show images upon click in a lightbox using the Full HTML text format? I'm using the Lightbox 2 module on Drupal 7.  I have added an image field to my Basic Page content type.  On one particular page, I have uploaded several images into that field, which I then inserted into the body (text format: Full HTML) using the Insert module.

Since the images are small, I want to allow users to click on them to open them in a lightbox on the same page.  I read through the lightbox documentation but it seems like it hasn't really been updated for Drupal 7.

I tried the following:

&lt;a href="/sites/default/files/styles/medium/public/page_screenshots/review.png" rel="lightbox" class="image-large" title="review"&gt;
&lt;div style="text-align: center;"&gt;&lt;img src="/sites/default/files/styles/medium/public/page_screenshots/review.png" alt="review" title="review" class="image-medium" /&gt;&lt;/div&gt;
&lt;/a&gt;


However, in this case, when I click the image, nothing happens.  When I add some text, however, like this:

&lt;a href="/sites/default/files/styles/medium/public/page_screenshots/review.png" rel="lightbox" class="image-large" title="review"&gt;
click here for the image&lt;/a&gt;


The lightbox appears when the text is clicked.  However, I want to show the lightbox when an image is clicked, not when text is clicked.  How can I do this?
I think the Lightbox is not really the best choice for Drupal 7. Have a look at the very powerfull Colorbox Module.