Probleme mit Nivo Slider

von **trixster** am 05.05.2011, 12:05

Hallo,
ich habe in meiner Testwebsite den Nivo Slider eingebaut und habe bisher auch keine Probleme gehabt.
Weil der Slider auf mehreren Seiten vorkommt, möchte ich gerne, dass immer ein anderes Bild zuerst angezeigt wird.
Laut der FAQ vom Slider (http://nivo.dev7studios.com/support/) soll das über die Eigenschaft

Code: Alles auswählen: startSlide: rand

gehen.

Irgendwie akzeptiert er aber die Eigenschaft nicht. Sobald ich diesen Codeschnipsel eingetragen habe, zeigt der Slider keine Bilder mehr an, sondern nur noch den Ladebalken.

Woran kann das liegen?
Hier noch mein Skript zum Laden des Nivo Sliders

Code: Alles auswählen: <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({ directionNavHide:false, effect:'fold', pauseTime:6000, startSlide:rand, }); }); </script>

Gruß Stephan

von **ulle** am 05.05.2011, 18:42

probier mal das so zuschreiben:

Code: Alles auswählen: startSlide: 'rand'

Ich denke mal damit kann er mehr anfangen :D

Und wichtig nach der letzten eigenschaft kein Komma setzten, das verwirrt den IE und dann kann es sein das der Slider da nicht geht.

Gruß Ulle

von **trixster** am 06.05.2011, 10:22

Tatsache, du hast Recht. Jetzt funktioniert wieder alles.

Allerdings hat die Eigenschaft keine Auswirkung auf den Slider. Eigentlich sollte dadurch ja ein zufälliges Startbild genutzt werden. Doch der Slider startet jedes mal beim ersten Bild.

Gruß Stephan

von **my-webdesigner.com** am 06.05.2011, 15:09

Versuche statt 'rand' folgenden Ausdruck:

Code: Alles auswählen: Math.round(Math.random()*33)

33 mit der Anzahl der Bilder ersetzen.

von **trixster** am 07.05.2011, 12:56

Hi,
das funktioniert, allerdings habe ich das Gefühl, dass einige Bilder überdurchschnittlich oft angezeigt werden. Kann das sein? So gut wie immer wird das Bild gleiche 2mal hintereinander angezeigt. Ich kenne die Funktionsweise des Scriptschnipsels, das du mir gegeben hast leider nicht.

von **my-webdesigner.com** am 09.05.2011, 01:08

http://de.selfhtml.org/javascript/objek ... .htm#round
http://de.selfhtml.org/javascript/objek ... htm#random

Also so schwer ist das nicht rauszufinden

Nachdem es sich um Zufallszahlen handelt, können diese natürlich auch zufällig häufig nebeneinander auftreten.
Oder in meiner Berechnung ist ein Fehler...

von **trixster** am 09.05.2011, 10:24

Ok, wirklich nicht schwer^^.
Besteht die Möglichkeit, dass man eine Variable übergibt, die die Bildnummer des vorherigen Bildes speichert, und das diese Bildnummer dann bei der nächsten Zufallszahl-Auslosung ausgeschlossen wird?

von **my-webdesigner.com** am 09.05.2011, 13:44

Du könntest die bereits verwendeten Bilder in einem Cookie speichern.
http://www.w3schools.com/JS/js_cookies.asp

Nicht böse sein, wenn ich keine fertige 100-Zeilen-Code-Lösung schreibe

von **trixster** am 09.05.2011, 16:01

Danke für den Link,
aber das überschreitet meine Kenntnisse doch bei weitem. Ich werde es einfach bei der simplen Lösung belassen.

Gruß Stephan

von **trixster** am 11.05.2011, 14:34

Hallo,
ich habe inzwischen ein weiteres Problem. Ich weiß gar nicht genau ob es am JS liegt, oder im Bereich HTML....
Ich möchte auf einer Seite den Nivo Slider und den Lightbox Effekt verwenden. Das Problem: Die Scripte, die ich zuerst im Header verlinke, funktionieren nicht mehr. Wenn ich also zuerst den Slider einbinde und dann den Lightbox Effekt, funktioniert der Slider nicht. Wenn ich zuerst den Lightbox Effekt einbinde und dann den Slider, funktioniert der Lightbox Effekt nicht.

Woran kann das liegen?

Code: Alles auswählen: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Referenzen - Meine Arbeiten</title> <link href="styles/twoColFixLtHdr.css" rel="stylesheet" type="text/css" /> <LINK REL="SHORTCUT ICON" HREF="favicon.ico"> <link href="styles/site_design.css" rel="stylesheet" type="text/css" /> <link href="styles/content.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="styles/nivo-slider.css" type="text/css" media="screen" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="styles/lightbox.css" type="text/css" media="screen" /> </head>

Gruß Stephan

von **trixster** am 14.05.2011, 14:35

Im Lightbox Support steht, dass es möglicherweise an einem Onload Script liegt:
http://www.huddletogether.com/projects/ ... 2/#support
In meinem header kann ich so etwas aber nicht finden. Ist das vlt. in einem eingebundenen Script versteckt?

von **trixster** am 29.09.2011, 10:06

Sry, dass ich nochmal pushen muss.
Ein Freund sagte mir, dass es vielleicht an gemeinsam genutzen Variablen liegen würde. Leider blicke ich durch den JavaScript Code nicht durch. Hat jemand damit Erfahrung?

Gruß Stephan

Probleme mit Nivo Slider

Probleme mit Nivo Slider

Re: Probleme mit Nivo Slider

Re: Probleme mit Nivo Slider

Re: Probleme mit Nivo Slider

Re: Probleme mit Nivo Slider

Re: Probleme mit Nivo Slider

Re: Probleme mit Nivo Slider

Re: Probleme mit Nivo Slider

Re: Probleme mit Nivo Slider

Re: Probleme mit Nivo Slider

Re: Probleme mit Nivo Slider

Re: Probleme mit Nivo Slider

Wer ist online?