WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   jQuery cycle - Länk problem mellan slides (https://www.wn.se/forum/showthread.php?t=1048739)

maester 2011-06-19 16:32

jQuery cycle - Länk problem mellan slides
 
Jag har problem med att min jQuery cycle alltid lägger den första "över" alla andra så att den första länken gäller för alla slides. Jag har testat fler olika möjligheter i många timmar jag får inte bukt på problemet.

Hur jag en gör så kommer jag till www.msn.se om jag klickar på vilken slide som helst.

Detta är all data:

HTML-kod:

  jQuery('div.wp-slider-elements').cycle({
              timeout: 6000,
              delay: 100
                });

HTML-kod:

<div style="height: 290px; margin-top: -290px;">
<style>
 
.wp-slider-element{
height:290px; width: 100% !important;
background-position: center !important;
background-repeat:no-repeat;
display: block;
}
 
 
</style>
        <div class="wp-slider-elements" style="height: 290px;overflow:hidden;">
 
            <a style="display: block; height: 100%; width: 100%;" href="http://www.msn.se">
    <span class="wp-slider-element" id="wp-slide-3" style="background:url(/new/wp-content/slides/4dfbdb8556848.jpg);">
    </span>
    </a>
            <a style="display: block; height: 100%; width: 100%;" href="http://www.facebook.com">
    <span class="wp-slider-element" id="wp-slide-5" style="background:url(/new/wp-content/slides/4dfbe9079a83f.jpg);">
    </span>
    </a>
            <a style="display: block; height: 100%; width: 100%;" href="http://www.miami.se">
    <span class="wp-slider-element" id="wp-slide-4" style="background:url(/new/wp-content/slides/4dfbe8f8a32ca.png);">
    </span>
    </a>
             
     
        </div>
 
</div>


pelmered 2011-06-19 18:34

Testa att ta bort "display: block; height: 100%; width: 100%" på länkarna.

Annars kan du nog lösa det ganska enkelt med onclick på span-elementet.

maester 2011-06-19 22:33

Har testat båda och det hjälper tyvärr inte. Den första bilden är alltid över (även om det inte syns. Bara med länken och om jag försöker spara en annan bild osv. så är det alltid bild nr 1.) Super konstigt!

onclick="window.open(url)"; har jag testat också.

maester 2011-06-19 23:44

Fick att att fungera fint när jag la in i jQuery.cycle:

cssAfter{display:"none"}

Fast då uppkommer problemet med att det blir tomt efter att alla bilder visats.
Har testat att lägga in cssBefore{display:"block"} utan resultat.

Någon som har tips?

EDIT:
Löste problemet. Laddade ner en annan jQueryCycle så funkade det helt plötsligt. 6 timmar åt skogen..


Alla tider är GMT +2. Klockan är nu 15:43.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson