• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bitte hilfe bei Diahow Slideshow

K

karliisback

Neues Mitglied
Hallo Leute ich habe folgendes Script:


Code: 
 <script type="text/javascript">
        function fade(step) {
            var imgs = document.getElementById("meinFader").getElementsByTagName("img");

            step = step || 0;

            imgs[counter].style.opacity = step/100;
            imgs[counter].style.filter = "alpha(opacity=" + step + ")"; //

            step = step + 2;

            if (step <= 100) {
                window.setTimeout(function () { fade(step); }, 1);
            } else {
                window.setTimeout(next, 2000);
            }
        }

         function next() {
            var imgs = document.getElementById("meinFader").getElementsByTagName("img");

            if (typeof(counter) != "number") {
                counter = 0;
            }
            counter++;
            if (counter < imgs.length) {
                fade();
            }else{
                for(i=0;i<imgs.length;i++){
                    imgs[i].style.opacity = 0;
                }
                counter=0;
                fade(0);
            }
        };
</script>
    <style type="text/css">
        .next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
        #meinFader { position: relative; }
    </style>


Code: 
<!--  ######### DIASHOW ########### //-->
<body onload="next()">
<p id="meinFader">
        <a href="http://xkill.do.am/1"><img src="http://xkill.do.am/pics/diashow1.png" alt="" width="541" height="331"></a>
        <a href="http://xkill.do.am/2"><img src="http://xkill.do.am/pics/diashow2.png" alt="" width="541" height="331" class="next"></a>
        <a href="http://xkill.do.am/3"><img src="http://xkill.do.am/pics/diashow04.png" alt="" width="541" height="331" class="next"></a>
    </p>
</body>
<!--  ######### DIASHOW ########### //-->



ich möchte die bilder langsamer wechseln und jedes bild hat einen eigenen link, jedoch wird jedes bild zur letzten verlinkung verlink (http://xkill.do.am/3)


über hilfe wäre ich sehr dankbar

greeezz
 
Werbung:
Werbung:
jedes bild hat einen eigenen link, jedoch wird jedes bild zur letzten verlinkung verlink (http://xkill.do.am/3)
Zum Vergrößern anklicken....
Dieser Slider unterstützt die a-href-Tags nicht. Die Bilder liegen übereinander in der Reihenfolge, in der sie notiert wurden. Dadurch liegt das letzte oben und dessen a-href ist wirksam.
Du musst einen Slider verwenden, der HTML unterstützt, z. B. das jQuery-Cycle-Plugin.
 
Werbung:
aber ich habe keinen div container. bei <p> wenn ichs hinzufüge geht es nicht und beim link selber auch nicht. wo muss ich diesen code genau hinzufügen?
 
Tut mir Leid, ich habe mein Posting nachträglich editiert und das hast Du wahrscheinlich nicht gesehen.
Nein, Du hast keine div-Container aber stattdessen die a-Tags um die Bilder herum. Du musst deshalb die Option
HTML: 
data-cycle-slides="> a"
notieren. Wenn es dann noch nicht geht, dann poste noch Mal deinen Code.
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben