[Erledigt] jQuery zufällig fadeOut und fadeIn

Tremel · 01.11.2010, 11:39

Hallo Leute,

folgende Situation:
meine index.php holt mir an der richtigen Stelle 3 Bilder aus einem Ordner, unabhängig davon wie groß sie sind oder wie sie heißen. Für jedes Bild schreibe ich über eine "foreach-Schleife" einen img-Tag (<img src="pfad" alt"" />).

Jetzt habe ich eine scripts.js. Darin steht:

Code:

$(function(){	
	fade();
});

function fade() {
	$('#slider img').fadeOut(2000, function () ($ (this). fadeIn ()));	
}

Allerdings blendet er mir jetz alle drei Bilder aufeinmal aus. Ich bräuchte irgendwas, das mir erlaubt nur ein Bild auszublenden und ein weiteres wieder einzublenden. Natürlich alles zufällig. Da ich im Internet nichts passendes gefunden habe hoffe ich nun auf euch. Könnte mir jemand einen passenden Link posten oder mir einen Tipp geben?

Danke im Voraus

Tremel

Screeze · 01.11.2010, 11:42

setTimeout(), oder falls du das in regelmäßigen abständen machen willst auch setInterval() dürften deine Freunde sein.

Tremel · 01.11.2010, 11:43

danke für den Tipp,
werde dies gleich mal ausprobieren.

Tremel

Chriz · 01.11.2010, 11:45

Hi,

du könntest auch eine Queue einsetzen:
http://api.jquery.com/queue/

Die Zeitwerte könntest du zufällig setzen, z.B. mit Math.random()

Tremel · 01.11.2010, 11:54

hmm das mit dem setInterval funktioniert noch nicht ganz, allerdings bräuchte ich auch eine Lösung,
wie ich denn nur ein img-Tag ausbleden kann und einen Tag wieder ein und nicht alle drei aufeinmal.

Tremel · 01.11.2010, 12:04

gibt es auch ein math.random() für elemente. In meinem Falle für Img-Tags?
Bei dem Slider den ich vor langer Zeit mal gebaut habe, habe ich, wenn ich mich richtig erinnere, auch mathrandom * x oder etwas ähnliches verwendet.

Chriz · 01.11.2010, 12:07

Math.random() erzeugt eine Zufallszahl zwischen 0 und 1, mehr nicht. Was du mit dem Wert machst ist dann deine Sache. Mit einem Multiplikator kannst du damit den Zufallszahlenbereich vergrößern um eben aus einer bestimmten Anzahl Elemente eines zufällig auszuwählen.

Screeze · 01.11.2010, 12:07

du kannst wenn du mit jquery alle 3 elemente selektiert hast, durch die inzies z.b. [0] auf ein einzelnes davon zugreifen.
einen index im definierten bereich 1-3 kannst du auch mit math random suchen, siehe
http://www.naden.de/blog/zufallszahl...mit-mathrandom

Tremel · 01.11.2010, 12:28

Hi ihr zwei

,
folgender Zwischenstand:
hier mein code:

Code:

$(function(){	
	fade();
});

function fade() {
	setInterval(
			$('#slider img').fadeOut(2000, function (){
				($ (this). fadeIn ());
			}),
	2000);	
}

durch das setInterval, das denke ich zumindestens, kommen ca. alle 2 Sekunden in der Firebug-Konsole Fehler "missing ] after element list"..das geht dann immersoweiter.
Allerdings werden immer noch alle 3 Bilder aus und eingeblendet, was daran liegt weil ich das Math.random() noch nicht eingebaut habe, bzw. wieder rausgenommen habe weil ich nicht genau weis wo ich es einbauen muss und mit welcher Zahl ich es multiplizieren muss damit es jedes Bild zufällig auswählen kann... sei es jetz wenn 3 Bilder im Ordner oder 10 Bilder im Ordner sind.
Bin ich denn auf dem richtigen Weg?

agrajag · 01.11.2010, 13:06

Schau dir einfach mal das jQuery-Plugin "cycle" an. Das kann (unter anderem) genau das was du willst:

http://jquery.malsup.com/cycle/

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Fresh Sliding Thumbnails Gallery with jQuery and PHP	ModelWizko	PHP Tipps 2010	3	31.10.2010 10:50
[Erledigt] Jquery - Position auf Bild abfragen	TZP	JavaScript, Ajax und mehr	3	08.10.2010 15:01
[Erledigt] jQuery auf Ende von fadein warten?	Arne Drews	JavaScript, Ajax und mehr	2	08.09.2010 10:53
Bin noch ein Anfänger mit jquery bitte um hilfe	bomber007	JavaScript, Ajax und mehr	4	19.08.2010 23:34
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jquery: dialogbox funktioniert nicht	Dreamwatcher	JavaScript, Ajax und mehr	16	22.07.2010 18:22
Array zufällig durchsuchen	ByStones	PHP Tipps 2010	5	03.07.2010 02:15
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
jQuery Plug scroll to - wie einbetten?	mxxxx	JavaScript, Ajax und mehr	5	24.04.2010 18:12
[Erledigt]br filtern mit Jquery (oder Javascript)	chunky	JavaScript, Ajax und mehr	4	05.03.2010 14:48
[Erledigt] jQuery Dateien nachladen	Phoscur	JavaScript, Ajax und mehr	7	14.03.2009 13:44
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
For Schleife mit jQuery	phpbeginner	JavaScript, Ajax und mehr	3	22.11.2008 22:35
Thickbox Funktionalität in jQuery	Plague	JavaScript, Ajax und mehr	1	28.07.2008 23:58

01.11.2010, 11:39
Tremel Neuer Benutzer Registriert seit: 01.11.2010 Beiträge: 8 PHP-Kenntnisse: Anfänger	[Erledigt] jQuery zufällig fadeOut und fadeIn Hallo Leute, folgende Situation: meine index.php holt mir an der richtigen Stelle 3 Bilder aus einem Ordner, unabhängig davon wie groß sie sind oder wie sie heißen. Für jedes Bild schreibe ich über eine "foreach-Schleife" einen img-Tag (<img src="pfad" alt"" />). Jetzt habe ich eine scripts.js. Darin steht: Code: $(function(){ fade(); }); function fade() { $('#slider img').fadeOut(2000, function () ($ (this). fadeIn ())); } Allerdings blendet er mir jetz alle drei Bilder aufeinmal aus. Ich bräuchte irgendwas, das mir erlaubt nur ein Bild auszublenden und ein weiteres wieder einzublenden. Natürlich alles zufällig. Da ich im Internet nichts passendes gefunden habe hoffe ich nun auf euch. Könnte mir jemand einen passenden Link posten oder mir einen Tipp geben? Danke im Voraus Tremel


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.11.2010, 11:42
Screeze Erfahrener Benutzer Registriert seit: 04.01.2009 Beiträge: 844 PHP-Kenntnisse: Fortgeschritten	setTimeout(), oder falls du das in regelmäßigen abständen machen willst auch setInterval() dürften deine Freunde sein. __________________ Develovision Blog

01.11.2010, 11:43
Tremel Neuer Benutzer Registriert seit: 01.11.2010 Beiträge: 8 PHP-Kenntnisse: Anfänger	danke für den Tipp, werde dies gleich mal ausprobieren. Tremel

01.11.2010, 11:45
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Hi, du könntest auch eine Queue einsetzen: http://api.jquery.com/queue/ Die Zeitwerte könntest du zufällig setzen, z.B. mit Math.random() __________________ "Nuschel ich?" - "Was?"

01.11.2010, 11:54
Tremel Neuer Benutzer Registriert seit: 01.11.2010 Beiträge: 8 PHP-Kenntnisse: Anfänger	hmm das mit dem setInterval funktioniert noch nicht ganz, allerdings bräuchte ich auch eine Lösung, wie ich denn nur ein img-Tag ausbleden kann und einen Tag wieder ein und nicht alle drei aufeinmal.

01.11.2010, 12:04
Tremel Neuer Benutzer Registriert seit: 01.11.2010 Beiträge: 8 PHP-Kenntnisse: Anfänger	gibt es auch ein math.random() für elemente. In meinem Falle für Img-Tags? Bei dem Slider den ich vor langer Zeit mal gebaut habe, habe ich, wenn ich mich richtig erinnere, auch mathrandom * x oder etwas ähnliches verwendet.

01.11.2010, 12:07
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Math.random() erzeugt eine Zufallszahl zwischen 0 und 1, mehr nicht. Was du mit dem Wert machst ist dann deine Sache. Mit einem Multiplikator kannst du damit den Zufallszahlenbereich vergrößern um eben aus einer bestimmten Anzahl Elemente eines zufällig auszuwählen. __________________ "Nuschel ich?" - "Was?"

01.11.2010, 12:28
Tremel Neuer Benutzer Registriert seit: 01.11.2010 Beiträge: 8 PHP-Kenntnisse: Anfänger	Hi ihr zwei , folgender Zwischenstand: hier mein code: Code: $(function(){ fade(); }); function fade() { setInterval( $('#slider img').fadeOut(2000, function (){ ($ (this). fadeIn ()); }), 2000); } durch das setInterval, das denke ich zumindestens, kommen ca. alle 2 Sekunden in der Firebug-Konsole Fehler "missing ] after element list"..das geht dann immersoweiter. Allerdings werden immer noch alle 3 Bilder aus und eingeblendet, was daran liegt weil ich das Math.random() noch nicht eingebaut habe, bzw. wieder rausgenommen habe weil ich nicht genau weis wo ich es einbauen muss und mit welcher Zahl ich es multiplizieren muss damit es jedes Bild zufällig auswählen kann... sei es jetz wenn 3 Bilder im Ordner oder 10 Bilder im Ordner sind. Bin ich denn auf dem richtigen Weg?

01.11.2010, 13:06
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Schau dir einfach mal das jQuery-Plugin "cycle" an. Das kann (unter anderem) genau das was du willst: http://jquery.malsup.com/cycle/ __________________ Today you...Tomorrow me.