---
title: "URL problem med JQuery-based slider"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/188224-url-problem-med-jquery-based-slider"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Matsakii"
published: "2011-11-08T00:40:02.000Z"
updated: "2011-11-08T10:29:35.000Z"
replies: 2
views: 550
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/188224-url-problem-med-jquery-based-slider"
---

# URL problem med JQuery-based slider

## #1 — Matsakii, 2011-11-08T00:40Z

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!

Permalänk: https://www.webforum.nu/p/188224

## #2 — voigtann1, 2011-11-08T06:10Z

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 -->
```

Permalänk: https://www.webforum.nu/p/2288190

## #3 — Matsakii, 2011-11-08T10:29Z

Jag var för trött i går natt när jag fixade med detta. Tack för hjälpen :)

Permalänk: https://www.webforum.nu/p/2288196

---

Tråden på webben: https://www.webforum.nu/amne/html-css/188224-url-problem-med-jquery-based-slider