Multiple hrefs on one image

HTML & CSS
1

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:p:p:):rolleyes::cool::confused::blush::eek:;););):mad::D(::x:nono::rofl::lol:

2

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.

3

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

			&lt;div id="thumbs" class="navigation"&gt;

<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

							&lt;/div&gt;&lt;/a&gt;

							&lt;div class="image-title"&gt;Title #14&lt;/div&gt;
							&lt;div class="image-desc"&gt;Description&lt;/div&gt;
						&lt;/div&gt;
					&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;

this just calls the href for the larger image

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

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

							&lt;div class="image-title"&gt;Title #14&lt;/div&gt;
							&lt;div class="image-desc"&gt;Description&lt;/div&gt;
						&lt;/div&gt;
					&lt;/li&gt;
		   &lt;/div&gt;
		   &lt;/a&gt;
4

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>

5

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

6

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.