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

Slideshow

Status
Für weitere Antworten geschlossen.
L

luckybernd27

Neues Mitglied
hallo zusammen :-o

ich habe ein problem mit einem script was ich mir eben heruntergeladen habe.
die slideshow soll vollkommen automatisch laufen ohne das man auf den link clicken muss.

kann mir jemand helfen?

danke für eure bemühungen

greetz

Bernd

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Eine Bilderslideshow</title>
    <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();
            }
        };
    </script>
    <style type="text/css">
        .next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
        #meinFader { position: relative; }
    </style>
</head><body>
    <h1>Eine Bilderslideshow</h1>
    <p id="meinFader">
        <img src="http://www.waf-city.de/bild1.gif" alt="">
        <img src="http://www.waf-city.de/bild2.gif" alt="" class="next">
        <img src="http://www.waf-city.de/bild3.gif" alt="" class="next">
        <img src="http://www.waf-city.de/bild4.gif" alt="" class="next">
    </p>
    <p><a href="javascript:next()">Slideshow starten</a></p>
</body></html>
 
hat sich erledigt. habe ein anderes script verwendet.

habe aber jetzt allerdings das problem, das die slideshow im ie angezeigt wird, aber nicht im firefox.

siehe. Informationen ueber die Stadt Warendorf - Unterhaltung - Gewinnspiele - Chat - Fussball etc

wie kann ich das ändern?

script:
HTML: 
<script language="JScript" type="text/jscript">
var bilder = new Array('http://www.waf-city.de/bild2.jpg','http://www.waf-city.de/bild1.jpg','http://www.waf-city.de/bild3.jpg','http://www.waf-city.de/bild4.jpg');    //bilder array, soviele bilder wie man will
var zeit = 7000;   //// wechselgeschwindigkeit
var tmp=0;

window.setTimeout("Wechsel()", zeit);
function Wechsel () {
tmp++;
if(tmp>=bilder.length)
{
tmp=0;
}
document.all.DynBild.filters.blendTrans.Apply();
document.all.DynBild.src = bilder[tmp];
document.all.DynBild.filters.blendTrans.Play();
setTimeout("Wechsel()", zeit);
}
</script>

<script src="eselsohr.js" type="text/javascript"></script>

body:
HTML: 
<img id="DynBild" src="http://www.waf-city.de/bild2.jpg"
style="filter:blendTrans(Duration=2,Transition=12)" width="814"
height="104" >

greezt bernd :-o
 
Ich weiß nicht, ob das einen Unterschied macht, aber offiziell ist "JScript" die JavaScript-Variante von Microsoft. Sowas würde ein Firefox natürlich nicht können.

document.all gibts z.B. nur im Internet Explorer.
 
ich kann's leider garnicht sehen, da ich zu faul zum suchen bin. ein direkter link wäre da gut.
oder liegt es daran, dass ich iceweasel benutze ?

11 uhr 8 habe ein problem
11 uhr 58 habe ein neues script und ein neues problem..

könnte es sein, dass du da den weg des geringsten widerstandes gehst? :mrgreen:

such dir ein ordentliches js (oder dhtml-script). slideshows gibt es wie sand am meer. ich selbst nutze seit 2 jahren eines, dass noch nie versagt hat (kleinere schönheitsfehler ja). demo laden und in den gängigen browsern austesten, dann anpassen. meistens ist es nur die übergaben der bilder.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben