Results 1 to 3 of 3

Thread: JavaScript Lightbox Image Viewer

  1. #1
    CHUCK GITLIN
    Guest

    Default JavaScript Lightbox Image Viewer

    HOW DO I INCORPORATE THE ABOVE SUBJECT INTO NETOBJECTS #9 & #11

    It overlays a larger version of an image on top of the current page when the
    smaller image is clicked

    THANKS IN ADVANCE
    CHUCK



  2. #2
    Senior Member barbara0701's Avatar
    Join Date
    Apr 2010
    Location
    Germany
    Posts
    1,184

    Default

    There are a number of scripts you can use. This one is very easy:

    http://visuallightbox.com/

    It creates thumbs automatically, but it would require the use of XHTML at least on that page, so you can only use it with NOF11.

    Lytebox is also OK:

    http://www.dolem.com/lytebox/

    You'll need the pictures in a small and large version. You include the scripts in your local publishing files. In order to build in the gallery you would have to do what they describe on the Website:

    Add the code between head-tags in your master-border:

    Code:
    <script type="text/javascript" language="javascript" src="lytebox.js"></script>
    <link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />
    Add ../ if the gallery runs on underpages (not on opening page):

    Code:
    <script type="text/javascript" language="javascript" src="../lytebox.js"></script>
    <link rel="stylesheet" href="../lytebox.css" type="text/css" media="screen" />
    Now insert your thumbs directly on your page and link them to the enlargements. Add the following information in HTML > inside the link):

    Code:
    rel="lytebox" title="Image Description">Image #1</a>
    You have to try around a little bit. Sorry I don't have an english nof-version here, otherwise I would make a few screenshots. Maybe somebody knows a tutorial in english.

  3. #3

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •