dl dd button

[Clues]

Hello,
I'm again here for a "stylistic/conceptual" request.

I red a wonderful tutorial here:
http://www.maxdesign.com.au/presentation/definition/index.htm

and I found this structure very useful for use in a project
(it creates a sort of "Polaroid" with a description).

<dl class="float-right">
<dt>Banksia flower</dt>
<dd><img src="flower.jpg" alt=""></dd>
<dd><em>Banksius maximus</em></dd>
<dd>Found off the coast of Australia</dd>
</dl>

Now:
I would like to add two buttons ("Previous" and "Next") to change photo.

The question: which would be the best way?

1) <dd><button_here></dd>;
2) </dl><div><buttons_here></div>;
3) other I can't imagine;

Thanks, Clues

 

[Andy Dingley]

I would like to add two buttons ("Previous" and "Next") to change photo.

The question: which would be the best way?

1) <dd><button_here></dd>;
2) </dl><div><buttons_here></div>;

What is the "scope" of this button?

Is this "list" a single item, where the button changes the whole
contents of the list? Then place the button outside the list.

Is the list either multiple items, where the button affects only one at
a time? Or is it a single item list where the button changes something
about the display (switching images for the same flower, perhaps) but
doesn't change the "identity" of the list item. Then place the button
inside the list element.

 

[Clues]

Is this "list" a single item, where the button changes the whole
contents of the list? Then place the button outside the list.

Is the list either multiple items, where the button affects only one at
a time? Or is it a single item list where the button changes something
about the display (switching images for the same flower, perhaps) but
doesn't change the "identity" of the list item. Then place the button
inside the list element.

Hello:
the buttons change the content of the attribute src of img

Clues

 

[Andy Dingley]

the buttons change the content of the attribute src of img

That's not really the relevant factor. That's a "how" answer, not a
"what". I don't care that it "changes the content of the attribute src
of img" - I care instead about _why_ it does that.

Is this changing the _content_ of the list? Or is it changing the
presentation of one element of the list? In particular I don't care
whether it's "changing the src attribute" or if it's "calling some
random JavaScript" or "submitting a seaerch form"

If the image you're changing is the image that "represents the content
of the list" then the button goes outside.

If the image you're changing is "photo #1 of #5 for this item" then it
goes inside the list.

Also (as a side issue) just changing the src attribute might not be
enough. What about captions, alt ot title properties too?

 

[Clues]

The images are photos of a school (so, classrooms, a garden etc.).
I care about the side issue, but I only needed help about what I asked
for

Clues