Have navigation list of pictures, want to add captions?

(Pete Cresswell) · Oct 14, 2004

e.g.
------------------------------------
<html>
<body>

<a href="Pix\40th\Al Miller.jpg" target="showframe"> <img
src="Pix\40th\ThumbNails\Al Miller.jpg"</a><p>
<a href="Pix\40th\Atzrott, Elaine.bmp" target="showframe"> <img
src="Pix\40th\ThumbNails\Atzrott, Elaine.jpg" </a><p>

</body>
</html>
----------------------------------

Shows two thumbnails and zooms to a full-sized picture if/when user clicks on
thumbnail.

I'd like to add a caption (the file name of the pic..) under each thumbnail
and/or under the zoomed picture.

For the thumbnail navlist, myy guess is that it's something TB added after the
"src..." statement.

Can anybody point me to the syntax?

brucie · Oct 14, 2004

In alt.html (Pete Cresswell) said:

<a href="Pix\40th\Al Miller.jpg" target="showframe"> <img
src="Pix\40th\ThumbNails\Al Miller.jpg"</a><p>

you're leaning the wrong way. lean/over/this/way

Shows two thumbnails and zooms to a full-sized picture if/when user clicks on
thumbnail.

heres one with 16 thumbs:
http://butterflies.usenetshit.info/

I'd like to add a caption (the file name of the pic..) under each thumbnail
and/or under the zoomed picture.

the simplest way:

<p><a href="x"><img src="..." alt="blah"><br>caption</a></p>

Nik Coughin · Oct 14, 2004

(Pete Cresswell) said:
e.g.
------------------------------------
<html>
<body>

<a href="Pix\40th\Al Miller.jpg" target="showframe"> <img
src="Pix\40th\ThumbNails\Al Miller.jpg"</a><p>
<a href="Pix\40th\Atzrott, Elaine.bmp" target="showframe"> <img
src="Pix\40th\ThumbNails\Atzrott, Elaine.jpg" </a><p>

</body>
</html>
----------------------------------

Shows two thumbnails and zooms to a full-sized picture if/when user
clicks on thumbnail.

I'd like to add a caption (the file name of the pic..) under each
thumbnail and/or under the zoomed picture.

For the thumbnail navlist, myy guess is that it's something TB added
after the "src..." statement.

Can anybody point me to the syntax?

<div style="text-align: center;">
<a href="some1.jpg" target="showframe">
<img src="thumb1.jpg" alt="" style="display: block;">
Caption 1
</a>
</div>
<div style="text-align: center;">
<a href="some2.jpg" target="showframe">
<img src="thumb2.jpg" alt="" style="display: block;">
Caption 2
</a>
</div>

The style attributes are CSS. Google for some tutorials.

(Pete Cresswell) · Oct 15, 2004

RE/

<img src="thumb1.jpg" alt="" style="display: block;">

This is working. Thanks.

Now, for the tarbaby part: in IE, 'block' wraps the title tightly - i.e. there
is no vertical space between the pic and the file name. That's how I want it.

OTOH, Mozilla adds some space.

From FrontPage's HTML view I doped out:
---------------------------------------------------
<head>
<style>

</style>
</head>
---------------------------------------------------
but, as expected, that tightens up the area between pic#1's title and pic#2's
image...not what I need.

I'm guessing I have to somehow modify how "display: block" is implemented...but
where?

Starshine Moonbeam · Oct 21, 2004

brucie said:
In alt.html (Pete Cresswell) said:

you're leaning the wrong way. lean/over/this/way

heres one with 16 thumbs:
http://butterflies.usenetshit.info/

the simplest way:

<p><a href="x"><img src="..." alt="blah"><br>caption</a></p>

Here's a question I've been wondering about:

Why can you caption a table but not an image? It seems that a caption
would stop people from abusing the alt attrib. Was this just oversight
or is there a reason for it?

brucie · Oct 21, 2004

In alt.html Starshine Moonbeam said:

Why can you caption a table but not an image?

you can title an image

It seems that a caption would stop people from abusing the alt
attrib.Was this just oversight or is there a reason for it?

you would need to redesign an <img> element not to be empty so a
<caption> type element could be made part of it. you couldn't just stick
in a <caption> close to the <img> somewhere and hope people could work
out that they have a relationship with each other.

Unable to add task to todo list	1	Sep 25, 2021
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
caption with pictures	3	Jul 31, 2004
Pictures	18	Jul 19, 2005
Controlling size of the image that href= opens?	47	Oct 22, 2004
pictures not aligned in the middle-newbie	1	Nov 14, 2007
W3 Validation: Does it do scripts?	12	Oct 29, 2004
Navigation List: Giving user option of where to open pix?	6	Oct 15, 2004

Have navigation list of pictures, want to add captions?

(Pete Cresswell)

brucie

Nik Coughin

(Pete Cresswell)

Starshine Moonbeam

brucie

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads