Har ett problem med en JQuery slider (Anything Slider) som rullar fyra bilder (banners).
På index sidan ligger de fyra bilderna enligt följande kod:
<!-- Slideshow HTML -->
<div id="slideshow">
<div id="slidesContainer">
<div class="slide">
<!-- Content for slide 1 goes here -->
<img src="http://www.example.se/slider-images/slider-1.png" width="509px" heigh="206px" alt="" />
</div>
<div class="slide">
<!-- Content for slide 2 goes here. -->
<img src="http://www.example.se/slider-images/slider-2.png" width="509px" heigh="206px" alt="" />
</div>
<div class="slide">
<!-- Content for slide 3 goes here. -->
<img src="http://www.example.se/slider-images/slider-3.png" width="509px" heigh="206px" alt="" />
</div>
<div class="slide">
<!-- Content for slide 4 goes here. -->
<img src="http://www.example.se/slider-images/slider-4.png" alt="" width="32" height="32" heigh="206px" />
</div>
</div>
</div>
<!-- Slideshow HTML -->
Försöker jag lägga in
<a href="http://www.url.nu">
<img src="http://www.example.se/slider-images/slider-1.png" width="509px" heigh="206px" alt="" />
så funkar det inte. Den URL'en kommer på alla fyra bilder. Samt på IE7 blir hela sidan en länk (klickbar).
Hur löser jag detta?
Tack på förhand!