multiple hrefs on one image

[phillycheese123]

how would i go about adding additional hrefs to each image within div A?

<a href="#A">
<div id="A">
<img src="http://www.philipdusel.com/images/ps26.jpg" alt="Title #14" />
<img src="http://www.philipdusel.com/images/ps19.jpg" alt="Title #14" />
</div>
</a>

the above code if from

http://philipdusel.com/ddpp.html
the additional hrefs im curious about are needed for my galleriffic image gallery

as of now if i put an href on one of the images it just goes to that and ignores the <a href="#A">

is this possiple without Javascript?

Thanks

[ralph.m]

Something has gone wrong there. That's not how Galleriffic normally works. I suggest you start with the Galleriffic code and modify it to suit.

[phillycheese123]

Something has gone wrong there. That's not how Galleriffic normally works. I suggest you start with the Galleriffic code and modify it to suit.

here is my galleriffic http://www.philipdusel.com/v2.html id like to put the thumbs in the

<a href="#A">
<div id="A"></div></a>

from my first post. so when "div A" is clicked it scrolls into view and also calls the href for the main image(gallerfiffic behavior)
i tried starting with the galleriffic but have the same problem of calling two hrefs at the same time

the thumbanail section from galleriffic is

<div id="thumbs" class="navigation">

<ul class="thumbs ">

<li>
<a class="thumb" name="n22" id="n22" href="http://www.philipdusel.com/images/pm26.jpg" title="Title #14">
<img src="http://www.philipdusel.com/images/ps26.jpg" alt="Title #14" />
</a>
<div class="caption">
<a rel="cbviewer" class="group1" title="" onclick="return false;" href="http://philipdusel.com/images/pot.jpg"><div class="download">
Full Size

</div></a>

<div class="image-title">Title #14</div>
<div class="image-desc">Description</div>
</div>
</li></ul></div>

this just calls the href for the larger image

<a href="#A">
<div id="A">
<li>
<a class="thumb" name="n22" id="n22" href="http://www.philipdusel.com/images/pm26.jpg" title="Title #14">
<img src="http://www.philipdusel.com/images/ps26.jpg" alt="Title #14" />
</a>
<div class="caption">
<a rel="cbviewer" class="group1" title="" onclick="return false;" href="http://philipdusel.com/images/pot.jpg"><div class="download">
Full Size

</div></a>

<div class="image-title">Title #14</div>
<div class="image-desc">Description</div>
</div>
</li>



<li>
<a class="thumb" name="n22" id="n22" href="http://www.philipdusel.com/images/pm26.jpg" title="Title #14">
<img src="http://www.philipdusel.com/images/ps26.jpg" alt="Title #14" />
</a>
<div class="caption">
<a rel="cbviewer" class="group1" title="" onclick="return false;" href="http://philipdusel.com/images/pot.jpg"><div class="download">
Full Size

</div></a>

<div class="image-title">Title #14</div>
<div class="image-desc">Description</div>
</div>
</li>
</div>
</a>

[phillycheese123]

http://www.philipdusel.v3.html



why can't i do this?


<a href="#B" >
<div id="B">
<a class="thumb" href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6.jpg" title="Title #23"><img src="http://www.philipdusel.com/images/ps21.jpg" alt="Title #14" /></a>
</div>
</a>

[TechnoBear]

I've never used Galleriffic, so I'm not sure how much help I'm going to be here, but I'll try. I'm still not very clear what you're trying to achieve. Are you trying to have multiple slideshows on the one page?

[Stevie D]

how would i go about adding additional hrefs to each image within div A?

<a href="#A">
<div id="A">
<img src="http://www.philipdusel.com/images/ps26.jpg" alt="Title #14" />
<img src="http://www.philipdusel.com/images/ps19.jpg" alt="Title #14" />
</div>
</a>

The first problem is that that is not valid code. You can't have any block level elements (eg <div>) inside an <a>, only text and inline elements (eg <b>, <img>). You should instead wrap the <a> around just the <img> tag that it relates to, and that way it's very easy to put the extra <a>s in there.