Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 19

Thema: Slideshow mit javascript

  1. #1
    Meister(in)
    Registriert seit
    15.05.2005
    Beiträge
    404
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Slideshow mit javascript

    Hallo ihr,
    ich habe folgenden Skript:
    Code:
    <body style="color: black">
        <img id="one"/>
        <img id="two"/>
        <img id="three"/>
        <img id="four"/>
    
    
        <script>
            var images = ['a.png', 'b.png', 'c.png', 'd.png'];
            var index = 0;
    
            var fade_in = one;
            var fade_out = two;
    
            fade_in.src = images[0];
            fade_out.src = images[images.length - 1];
    
            var fade = function () {
                fade_in.src = images[index];
                index = (index + 1) % images.length;
    
                fade_in.className = 'fade-out';
                fade_out.className = 'fade-in';
    
                var fade_tmp = fade_in;
                fade_in = fade_out;
                fade_out = fade_tmp;
    
                setTimeout(fade, 10000);
            };
    
            fade();
        </script>
    </body>
    Dieser zeigt die eingebenen Bilder 10 Sekunden an, danach folgt ein Übergang zum nächsten Bild. diese Skript funktioniert aber nur mit zwei Bilder, bei vier funktioniert es nicht ganz richtig, was ist falsch?
    Kann man die Bilder auch in einer zufälligen Reihenfolge anzeigen lassen?

    Vielen Dank
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Slideshow mit javascript

    also 'one' ist schomma nich definiert, ebenso 'two'..

    ich frag mich wie das ganze ding funktioniert haben soll...
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Meister(in)
    Themenstarter

    Registriert seit
    15.05.2005
    Beiträge
    404
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Slideshow mit javascript

    das Ganze ist ein Skript für das iPhone, ein Theme also. Dort funktioniert es auch, allerdings zeigt er das letzte Bild viel zu kurz an und fängt dann wieder mit dem Ersten an..

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Slideshow mit javascript

    ja dann bin ich raus, hab keinerlei erfahrungen mit dem ding
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Meister(in)
    Themenstarter

    Registriert seit
    15.05.2005
    Beiträge
    404
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Slideshow mit javascript

    ja vielleicht siehst du ja trotzdem, warumes mit zwei Bilder klappt, also

    Code:
    var images = ['a.png', 'b.png'];
    aber nicht mit vier:
    Code:
    var images = ['a.png', 'b.png', 'c.png', 'd.png'];

  6. #6
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Slideshow mit javascript

    versuch mal:
    Code:
    var images = new array('a.png', 'b.png', 'c.png', 'd.png');
    ich habe deine notation noch nie gesehen.
    Something big is coming. And there will be pirates and ninjas and unicorns...

  7. #7
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Slideshow mit javascript

    Ist aber leider valide .
    Wenns denn aufm iPhone klappt, warum muss es dann afm PC gehn?
    Aber mim iPhone habich noch nich gearbeitet nur mim iPod Touch.
    Ich würde des so machen:
    Code:
    imgs=new Array("1.jpg", "2.jpg", "3.jpg", "4.jpg");
    images=new Array();
    for (i=0;i<imgs.length;i++) {
        images[i]=new Image();
        images[i].src=imgs[i];
    }
    i=0;
    function next() {
        i= i==(imgs.length-1) ? 0 : i;
        document.getElementById("bild_tag_id")=images[i];
        i++;
    }
    window.setInterval("nex();", 10000);
    Geändert von Tobse (03.04.2010 um 22:56 Uhr)
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  8. #8
    Pion
    Gast

    Standard AW: Slideshow mit javascript

    @Tobse probier doch mal vorher deine genialen Lösungen aus bevor du sie postest



    @Dein Script ist ja auch nur für 2 ausgelegt, du müsstest alles umschreiben damit es mit mehr geht


    Sprich erstellt ein eigenes

  9. #9
    Meister(in)
    Themenstarter

    Registriert seit
    15.05.2005
    Beiträge
    404
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Slideshow mit javascript

    @Tobse: ich hab es nun ausprobiert, bei mir geht das Skript leider gar nicht.. weder mit vier noch mit zwei Bilder. Evtl. hast du ja noch einen weiteren Vorschlag,

    Liebe Grüße

    //EDIT:
    ich habe es nun geschafft, falls es jemanden interessiert, folgende Links sollten helfen:
    http://iszene.com/thread-32286.html
    http://www.iphone-notes.de/2009/02/2...fur-copyright/


    eine Sache noch:
    Das Skript sieht nun ungefähr so aus:
    Code:
    <script type="text/javascript">
        window.onload = function() { myShow = new Slideshow('Bild1', {hu: 'PNG/', images: ['1.png','2.png','3.png','4.png','5.png','6.png']})}
    </script>
    </head>
    <body>
    <div id="Bild1" style="border: 0px solid red; margin: 0px 0px 0px 0px;"><img src="PNG/1.png" alt="" /></div>
    
    </body>
    Lassen sich die Bilder auch nach Zufallsprinzip anzeigen?
    Geändert von supersass1 (04.04.2010 um 14:01 Uhr)

  10. #10
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Slideshow mit javascript

    Dann müsstest dus wieder so änlich machen wie ich, hier das funktionierende:
    Code:
    imgs=new Array("1.jpg", "2.jpg", "3.jpg", "4.jpg");
    images=new Array();
    for (i=0;i<imgs.length;i++) {
        images[i]=new Image();
        images[i].src=imgs[i];
    }
    i=0;
    function next() {
        i = i==(imgs.length-1) ? 0 : i;
        document.getElementById("bild").src=images[i].src;
        i++;
    }
    window.setInterval("next();", 10000);
    nur eben das Bild nicht, wie hier mit i, sondern mit Math.random() bestimmen.
    Code:
    imgs=new Array("1.jpg", "2.jpg", "3.jpg", "4.jpg");
    images=new Array();
    for (i=0;i<imgs.length;i++) {
        images[i]=new Image();
        images[i].src=imgs[i];
    }
    function next() {
        zahl=Math.random()*images.length;
        zahl=Math.round(zahl);
        document.getElementById("bild").src=images[zahl].src;
        i++;
    }
    window.setInterval("next();", 10000);
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

Ähnliche Themen

  1. Slideshow
    Von Roland Rafael Repczuk im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 04.02.2009, 16:36
  2. Suche Content-Slideshow in Javascript oder Flash
    Von HighFlyer im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 11.12.2008, 21:48
  3. Slideshow mit Javascript
    Von Rausch im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 16
    Letzter Beitrag: 02.07.2008, 19:34
  4. Slideshow
    Von nhl-hockey-king im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 04.05.2007, 10:45
  5. javascript das bilder vergrößert slideshow
    Von gast im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 04.12.2005, 17:48

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •