Skip navigation
fourwhitesocks
Currently Being Moderated

Help with setting up individual thumbnails with captions

Apr 5, 2012 6:03 AM

Tags: #thumbnails

I'm wondering how would be the best way to set up several individual thumbnails (in dreamweaver) which open up to a larger image with a caption; so they are set up like this site:

 

www.maplecreeknursery.com

 

Maybe there is a widget for doing this??

 

I see lots of ways to do thumbnails with captions but not lots of single one like in the site above...

 
Replies
  • Currently Being Moderated
    Apr 5, 2012 6:08 AM   in reply to fourwhitesocks

    Hello,

     

    I can't find anything on that page (using Chrome and Firefox) that does what you describe.

     

    Martin

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2012 6:39 AM   in reply to fourwhitesocks

    That's called a lightbox

     

    There are lots of them out there:

     

    http://fancyapps.com/fancybox/

    http://jquery.com/demo/thickbox/

     

    Or google "lightbox clone"

     

    Martin

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2012 6:48 AM   in reply to fourwhitesocks

    That's not a problem.

     

    You insert a couple of lines of code in the head.  These call in the javascript and CSS.  You download these according to the instructions on the developers site providing the Lightbox.

     

    You make sure you have a thumbnail image and a large image and add the image to your page in the prescribed manner.

     

    martin

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2012 6:53 AM   in reply to martcol

    Hmmmm....

     

    When you see these lightbox things going, you're right, they look like individual apps installed on a site.  But really, all that is happing is that the page is calling in some javascript and CSS files, and when the user clicks the image it invokes that code.  Whether you do that in one thumbnail or in a block of 20, it's all the same.

     

    Martin

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2012 7:14 AM   in reply to fourwhitesocks

    If you look at this page: http://jquery.com/demo/thickbox/

     

    Click the "examples" tab and it will show you the different HTML to use for a single image or a gallery.

     

    Martin.

     

     

    Here's an example on a site that I built.

     

    I use the gallery option on this page: www.andrewjamesartist.com/galleries/portraits-01.php  and then the single image (with text instead of a thumbnail) on this page:

     

    www.andrewjamesartist.com/pages/foreword.php

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2012 7:36 AM   in reply to fourwhitesocks

    That would be fine.

     

    Martin

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points