ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
388
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
  1. 29.04.12 16:01 #1
    fallstatt
    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 );
});
     
    Zitieren Zitieren
  2. 29.04.12 16:08 #2
    Avatar von spicelab
    spicelab
    spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.595
    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)
     
    Zitieren Zitieren
  3. 29.04.12 17:00 #3
    fallstatt
    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)
     
    Zitieren Zitieren
Thema nicht erledigt
« Störende Effekte bei refresh mittels setTimeout - Hilfe oder Alternative gesucht | mehrdimensionales Array füllen mit variablen »

Ä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. [VB 2005] Bild in PictureBox durch Zufall aus den Ressourcen anzeigen
    Von Arster-Boy im Forum .NET Windows Forms
    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