need a photo caption on larger linked image

Discussion in 'HTML' started by John, Jan 6, 2011.

  1. John

    John Guest

    Rather than try to explain, please see:

    http://jytangledweb.org/photos/2010/pittsburgh/oct/

    I have clicking on an image giving a larger image, but I want
    to also put a (different) caption under the larger picture.
    (Photo by xxxx).

    Since this will grow to hundreds, if not thousands, of images, I don't
    want to code a new html file for every photo.

    How can I get a caption on the larger version with html contained
    in the single html file above?

    Thanks!
     
    John, Jan 6, 2011
    #1
    1. Advertisements

  2. John

    dorayme Guest

    In article
    <
    m>,
    John <> wrote:

    > Rather than try to explain, please see:
    >
    > http://jytangledweb.org/photos/2010/pittsburgh/oct/
    >


    That is *really bad* HTML!

    > I have clicking on an image giving a larger image, but I want
    > to also put a (different) caption under the larger picture.
    > (Photo by xxxx).
    >
    > Since this will grow to hundreds, if not thousands, of images, I don't
    > want to code a new html file for every photo.
    >
    > How can I get a caption on the larger version with html contained
    > in the single html file above?
    >


    There is no way of avoiding taking steps to make individual
    captions for each enlargement. There are a number of ways of
    doing this boring work. One way is to incorporate the caption
    into the enlargement via image software. That avoids making lots
    of HTML files!

    Another way is to make as many html pages as there are
    enlargements and to simply put in the caption in HTML text like

    <div><img src="pics/enlargement1" alt="...">Unique caption
    text</div>

    with CSS along the lines of

    img {display: block;}

    for the caption to be underneath.

    Or

    img {float: left;}

    for the Caption to be to the right and to flow under if necessary.

    You might be surprised how quickly the work can go if you work
    smart and duplicate a template and use some GREP or Find and
    Replace.

    I think I would simply put the one proper fixed caption on the
    one HTML page (like the one you have the thumbnails on) and
    simply let the link to enlargement go to *just the enlarged pic*,
    user uses back button or key command on browser to get back.

    --
    dorayme
     
    dorayme, Jan 7, 2011
    #2
    1. Advertisements

  3. John

    dorayme Guest

    In article <>,
    Ed Mullen <> wrote:

    > ... Of
    > course, then the filename(s) would have to be constructed so as to be
    > useful as captions but that seems somewhat trivial.


    Trivial it might be, but OP still needs to do the typing. How
    long are the unique captions?

    --
    dorayme
     
    dorayme, Jan 7, 2011
    #3
  4. John

    dorayme Guest

    In article <>,
    Ed Mullen <> wrote:

    > dorayme wrote:
    > > In article<>,
    > > Ed Mullen<> wrote:
    > >
    > >> ... Of
    > >> course, then the filename(s) would have to be constructed so as to be
    > >> useful as captions but that seems somewhat trivial.

    > >
    > > Trivial it might be, but OP still needs to do the typing. How
    > > long are the unique captions?
    > >

    >
    > Well, from the Op's post it seems as though (perhaps) the photos files
    > are yet to come. So, in planning, perhaps he could plot out a schema?
    >
    > Still, do you think this might be solved as I suggested? Assuming the
    > filenames are instructive?


    It can be handy to have the words in the filename useful for
    captions (extractable by GREP) but how handy is it to type all
    this out in the first place knowing in advance the captions, and
    possibly long?

    btw, one of the work flow techniques that is very handy for
    displaying enlargements is to have the enlargements and thumbs as
    namesakes. This allows image batch processing of the enlargements
    to be turned into thumb size and gathered in a separate folder,
    being the same name, is an enormous saving of effort, the folder
    names ("thumbs", "enlargements") will inform the links.

    --
    dorayme
     
    dorayme, Jan 7, 2011
    #4
  5. John

    MG Guest

    "John" <> wrote in message
    news:...
    > Rather than try to explain, please see:
    >
    > http://jytangledweb.org/photos/2010/pittsburgh/oct/
    >
    > I have clicking on an image giving a larger image, but I want
    > to also put a (different) caption under the larger picture.
    > (Photo by xxxx).
    >
    > Since this will grow to hundreds, if not thousands, of images, I don't
    > want to code a new html file for every photo.
    >
    > How can I get a caption on the larger version with html contained
    > in the single html file above?
    >
    > Thanks!


    Something else that needs fixing: Your thumbnails are 1600 x 1200 px. You
    need to make smaller thumbnails that load quickly. 330 x 247 px at most, but
    possilby even smaller.

    MG
     
    MG, Jan 7, 2011
    #5
  6. John

    Italo Guest

    "John" ha scritto nel messaggio
    news:...

    >Rather than try to explain, please see:


    >http://jytangledweb.org/photos/2010/pittsburgh/oct/


    Besides to your question, I have noted that the thumb and its large photo
    have the same size (it's wrong)

    i.e. 390397 bytes 589 x 442 pixel
    and 390397 btes 1600 x 1200 pixel

    moreover that size is too big for web images.

    If you have a page with a lot of those "thumbs", the download time will be
    high.

    Italo
     
    Italo, Jan 7, 2011
    #6
  7. Ed Mullen wrote:

    > Well, from the Op's post it seems as though (perhaps) the photos files
    > are yet to come. So, in planning, perhaps he could plot out a schema?


    From the Op's post it seems obvious that he does not know what a
    "thumbnail" is, if you hadn't noticed.

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
     
    Jonathan N. Little, Jan 7, 2011
    #7
  8. John

    John Guest

    On Jan 6, 6:42 pm, John <> wrote:
    > Rather than try to explain, please see:
    >
    > http://jytangledweb.org/photos/2010/pittsburgh/oct/
    >
    > I have clicking on an image giving a larger image, but I want
    > to also put a (different) caption under the larger picture.
    > (Photo by xxxx).
    >
    > Since this will grow to hundreds, if not thousands, of images, I don't
    > want to code a new html file for every photo.
    >
    > How can I get a caption on the larger version with html contained
    > in the single html file above?
    >
    > Thanks!


    Thanks to all who replied! I now have a version out there that does
    what I want it to do,
    but I had to resort to another html file per image. Oh well.

    As for thumbnails, my original intent, and current as well, is to
    present a copy of the
    images large enough to view, and only those really interested in
    seeing greater detail
    would bother to look at the larger one. And I didn't want to make two
    copies of each
    image, I wanted to control the size with image tags to save that
    effort.

    Maybe as the project grows, I'll consider doing thumbnails.

    A question though. Is the entire image loaded or just sampled when one
    uses
    scaling, or height and width? Since I've seen pages that use the same
    image for
    small and large versions, I thought the browser software might be
    "smart"
    about loading it. I expect my project will have large numbers of
    directories with small
    numbers of pictures. If that changes, I may decide to produce actual
    thumbnail
    jpg files. In any case, with two pictures, this project is in its
    earliest stages.

    Thanks!
     
    John, Jan 7, 2011
    #8
    1. Advertisements

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. RC
    Replies:
    2
    Views:
    568
    John M Deal
    Nov 24, 2004
  2. Peter Williams
    Replies:
    1
    Views:
    1,581
    Dylan Parry
    Jun 3, 2005
  3. carolyn
    Replies:
    10
    Views:
    860
    dorayme
    Jan 2, 2006
  4. Clay
    Replies:
    1
    Views:
    187
    Elegie
    Sep 28, 2006
  5. K.

    open larger photo in new window

    K., Jun 8, 2007, in forum: Javascript
    Replies:
    1
    Views:
    160
    purcaholic
    Jun 8, 2007
Loading...

Share This Page