ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
520
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
  1. #1
    fallstatt ist offline Mitglied
    Registriert seit
    Nov 2004
    Beiträge
    14
    Hoi zämä

    Ich habe eine Slideshow mit jQuery und einem externen Script (s.u.). Das Problem ist nun, dass das erste Bild immer das gleiche ist, danach zufällig die weiteren Bilder eingeblendet werden.
    Frage: Was muss ich machen, dass auch das erste Bild "zufällig" ist?

    Merci für Tipps!

    tinu

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    
    function slideSwitch() {
       var $active = $('#slideshow DIV.active');
     
        if ( $active.length == 0 ) $active = $('#slideshow DIV:last');
     
        // use this to pull the divs in the order they appear in the markup
    //var $next =  $active.next().length ? $active.next()
    //: $('#slideshow DIV:first');
     
        // uncomment below to pull the divs randomly
    var $sibs  = $active.siblings();
    var rndNum = Math.floor(Math.random() * $sibs.length );
    var $next  = $( $sibs[ rndNum ] );
     
     
     $active.addClass('last-active');
     
        $next.css({opacity: 0.0})
            .addClass('active')
            .animate({opacity: 1.0}, 1000, function() {
                $active.removeClass('active last-active');
            });
    }
     
    $(function() {
        setInterval( "slideSwitch()", 5000 );
    });
     

  2. #2
    Avatar von spicelab
    spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.720
    Ich hab hier lokal einen JS-Codeschnippsel aus vergangenen Tagen entdeckt, der ein Banner-Hintergrundbild zufällig lädt, und hierbei nicht stetig mit Bild Nr.1 beginnt:

    Code javascript:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    
    if (document.getElementById) { window.onload = swap };
     
    function swap() {
        var numimages=3;
        rndimg = new Array("bgImage_1.png", "bgImage_2.png", "bgImage_3.png");
        x=(Math.floor(Math.random()*numimages));
        randomimage=(rndimg[x]);
        document.getElementById("banner").style.backgroundImage = "url("+ randomimage +")";
    }

    Vielleicht kannst du daraus deine Schlüße ziehen, woran es bei deinem Script hängt.
    Geändert von spicelab (29.04.12 um 17:00 Uhr)
     

  3. #3
    fallstatt ist offline Mitglied
    Registriert seit
    Nov 2004
    Beiträge
    14
    Hoi spicelab

    Merci für den Hinweis - aber nö, ich kann da keine Schlüsse daraus ziehen. Ich habe eben div. Änderungen ausprobiert, es wird immer jeweils das erste Bild aufgerufen.

    PS: Es wird etwas mit dem <div class="active"> zu tun haben, ich finde es aber (fluchfluch nicht heraus ...

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    
    <div id="slideshow">
    <div class="active">
    img src="http://www.tutorials.de/images/image1.jpg" alt="Slideshow Image 1" />
    </div>
    <div>
    <img src="http://www.tutorials.de/images/image2.jpg" alt="Slideshow Image 2" />
    </div>
     <div>
    <img src="http://www.tutorials.de/images/image3.jpg" alt="Slideshow Image 3" />
    </div>
    </div>

    tinu
    Geändert von fallstatt (29.04.12 um 17:39 Uhr)
     

Thema nicht erledigt

Ähnliche Themen

  1. Linien die sich per Zufall über ein Bild bewegen
    Von Marquez im Forum Flash Plattform
    Antworten: 1
    Letzter Beitrag: 30.04.08, 15:48
  2. Antworten: 3
    Letzter Beitrag: 04.01.08, 09:15
  3. $zufall - immer das gleiche Ergebnis - Mysql
    Von elena6 im Forum Relationale Datenbanksysteme
    Antworten: 4
    Letzter Beitrag: 25.03.07, 18:54
  4. Erstes Bild
    Von color-web im Forum Fotografie
    Antworten: 2
    Letzter Beitrag: 09.03.07, 09:21
  5. Zufall ausgabe immer das Gleiche
    Von dom123 im Forum PHP
    Antworten: 4
    Letzter Beitrag: 14.08.05, 08:16