2 svar · 541 visningar · startad av Matsakii
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!
Du måste ju skriva en korrekt HTML struktur, du måste stänga a-elementet
<!-- Slideshow HTML -->
<div id="slideshow">
<div id="slidesContainer">
<div class="slide">
<!-- Content for slide 1 goes here -->
<a href="http://www.url.nu">
<img src="http://www.example.se/slider-images/slider-1.png" width="509px" heigh="206px" alt="" />
[b]</a> <!-- Stäng a-elementet -->[/b]
</div>
[...]
</div>
</div>
<!-- Slideshow HTML -->
Jag var för trött i går natt när jag fixade med detta. Tack för hjälpen :)