Not signed in (Sign In)

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

General: Collection of lightbox images behind one image. How ?

Bottom of Page

1 to 2 of 2

  1.  
    • CommentAuthormoost
    • CommentTimeFeb 18th 2009
     
    on http://www.homesweethomeadvies.nl/ (then select Portfolio) I want to have images with a link on it to a collection of lightbox images. I can't make it work as an amateur. I have solved it now with textlinks above the image and behind the textlink the collection of lightbox images.

    Who can advice me?

    Current source of a table

    <tr>
    <td><img src="images/woonkamer/3DSchets_klein.jpg" alt="Decoraties" width="133" height="100"></td>
    <td>&nbsp;</td>
    <td><img src="images/keuken/keuken_klein.jpg" alt="Decoraties" width="133" height="100"></td>
    <td>&nbsp;</td>
    <td><img src="images/Slaapkamer_een/slaapkamer1_klein.jpg" alt="Slaapkamer" width="133" height="100"></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>
    <a href="images/decoraties/decoratie1.jpg" rel="lightbox[decoraties]">Decoraties</a>
    <a href="images/decoraties/decoratie2.jpg" rel="lightbox[decoraties]"></a>
    <a href="images/decoraties/decoratie3.jpg" rel="lightbox[decoraties]"></a>
    <a href="images/decoraties/decoratie4.jpg" rel="lightbox[decoraties]"></a>
    <a href="images/decoraties/decoratie5.jpg" rel="lightbox[decoraties]"></a>
    <a href="images/decoraties/decoratie6.jpg" rel="lightbox[decoraties]"></a>
    <a href="images/decoraties/decoratie7.jpg" rel="lightbox[decoraties]"></a>
    <a href="images/decoraties/decoratie8.jpg" rel="lightbox[decoraties]"></a>
    <a href="images/decoraties/decoratie9.jpg" rel="lightbox[decoraties]"></a>
    <a href="images/decoraties/decoratie10.jpg" rel="lightbox[decoraties]"></a>
    <a href="images/decoraties/decoratie11.jpg" rel="lightbox[decoraties]"></a></td>
    <td>&nbsp;</td>
    <td>
    <a href="images/Slaapkamer/slaapkamer_tiener1.jpg" rel="lightbox[slaapkamer_tiener]">Slaapkamer (tiener)</a>
    <a href="images/Slaapkamer/slaapkamer_tiener2.jpg" rel="lightbox[slaapkamer_tiener]"></a> </td>
    <td>&nbsp;</td>
    <td><a href="images/badkamer/badkamer1.jpg" rel="lightbox[badkamer]">Badkamer</a>
    <a href="images/badkamer/badkamer2.jpg" rel="lightbox[badkamer]"></a>
    <a href="images/badkamer/badkamer3.jpg" rel="lightbox[badkamer]"></a>
    <a href="images/badkamer/badkamer4.jpg" rel="lightbox[badkamer]"></a>
    <a href="images/badkamer/badkamer5.jpg" rel="lightbox[badkamer]"></a>
    </td>
    </tr>
    <tr>
    <td><img src="images/decoraties/decoratie1klein.jpg" alt="Decoraties" width="133" height="100" border="0"></a></td>
    <td>&nbsp;</td>
    <td><img src="images/Slaapkamer/slaapkamer_tiener_klein.jpg" alt="Tiener slaapkamer " width="133" height="100"></td>
    <td>&nbsp;</td>
    <td valign="top"><p><img src="images/badkamer/badkamer_klein.jpg" alt="badkamer" width="133" height="100"></p>
    </td>
    </tr>
    </table>
  2.  
    Place the thumbnail for image 1 on the page in the normal way with a groupname as part of the rel= attribute, then put links to all other images (with the same groupname) inside a hidden div (this must come after the thumbnail for the group in the code)

1 to 2 of 2

  1.