Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > need a photo caption on larger linked image

Reply
Thread Tools

need a photo caption on larger linked image

 
 
John
Guest
Posts: n/a
 
      01-06-2011
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!
 
Reply With Quote
 
 
 
 
dorayme
Guest
Posts: n/a
 
      01-07-2011
In article
<(E-Mail Removed)
m>,
John <(E-Mail Removed)> 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
 
Reply With Quote
 
 
 
 
dorayme
Guest
Posts: n/a
 
      01-07-2011
In article <(E-Mail Removed)>,
Ed Mullen <(E-Mail Removed)> 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
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      01-07-2011
In article <(E-Mail Removed)>,
Ed Mullen <(E-Mail Removed)> wrote:

> dorayme wrote:
> > In article<(E-Mail Removed)>,
> > Ed Mullen<(E-Mail Removed)> 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
 
Reply With Quote
 
MG
Guest
Posts: n/a
 
      01-07-2011

"John" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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


 
Reply With Quote
 
Italo
Guest
Posts: n/a
 
      01-07-2011


"John" ha scritto nel messaggio
news:(E-Mail Removed)...

>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

 
Reply With Quote
 
Jonathan N. Little
Guest
Posts: n/a
 
      01-07-2011
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
 
Reply With Quote
 
John
Guest
Posts: n/a
 
      01-07-2011
On Jan 6, 6:42*pm, John <(E-Mail Removed)> 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!
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
next / previous image swap WITH larger image popup Clay Javascript 1 09-28-2006 09:07 PM
inserting random photo with caption carolyn HTML 10 01-02-2006 11:14 PM
Question: Can I make textarea larger (larger text)? Peter Williams HTML 1 06-03-2005 08:17 AM
20" LCD: setting 4 g Larger text in all Programs? and larger icons lbbss Computer Support 6 04-14-2005 05:46 PM
photo caption contest nosredna Digital Photography 1 10-03-2003 02:50 PM



Advertisments