We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 14779
    • 256 Posts
    I wasn’t using anything to display the images, just standard HTML. I was wondering if I could simply modify the lightbos JS file to choose a filename that is a variation of the listed src file. The thumbnails are named xxxx_small.jpg, and I want the large ones to use xxxx.jpg
      PM me to find out how you can get a FREE ipad 2!
      • 7923
      • 4,213 Posts
      So... you are not using any snippets? Just asking how to use Lightbox js by itself?

      Well.. in that case just add lightbox js scripts to your site template head:

      <script type="text/javascript" src="assets/js/prototype.js"></script>
      <script type="text/javascript" src="assets/js/scriptaculous.js?load=effects,builder"></script>
      <script type="text/javascript" src="assets/js/lightbox.js"></script>

      Then include Lightbox css:

      <link rel="stylesheet" href="assets/css/lightbox.css" type="text/css" media="screen" />

      Then create a link to your picture with a thumbnail:

      <a href="this_is_the_path_to_the_image_that_is_opened_in_lightbox/image.jpg" rel="lightbox" title="caption text">
        <img src="this_is_the_thumbnail_that_is_shown_in_your_page/thumb.jpg" />
      </a>

      Or did I understood something wrong? Of course you would have found all this info in lightbox homepage. http://www.huddletogether.com/projects/lightbox2/





        "He can have a lollipop any time he wants to. That's what it means to be a programmer."
        • 14779
        • 256 Posts
        Actually, I didn’t read the directions all the way through. embarrassed
        I thought lightbox only used a single image source.
        I didn’t realize the link and the thumbnail used a different image. Thanks for your help!
          PM me to find out how you can get a FREE ipad 2!