[Erledigt] jQuery Selector-Arrayelemente mit jQuery-Funktionen behandeln - Seite 2

nikosch · 01.10.2010, 19:24

Versuch mal:

PHP-Code:

  var self = this;
$('span', $(this)).fadeOut(800, function() {
  
  dpSlides.Counter[slideName]++;
  
  if(dpSlides.Counter[slideName] == dpSlides[slideName].length) {
    dpSlides.Counter[slideName] = 0;
  }

  $('span', $(self)).css('background-image', 'url(' + dpSlides[slideName][dpSlides.Counter[slideName]] + ')');
});

Oder besser:

PHP-Code:

  var allSpans = $('span', $(this));
allSpans.fadeOut(800, function() {
  
  dpSlides.Counter[slideName]++;
  
  if(dpSlides.Counter[slideName] == dpSlides[slideName].length) {
    dpSlides.Counter[slideName] = 0;
  }

  allSpans.css('background-image', 'url(' + dpSlides[slideName][dpSlides.Counter[slideName]] + ')');
});

Wieso muss die letzte Zeile überhaupt ständig ausgeführt werden? Wird bg-image irgendwo anders zurückgesetzt?

Ich würde das Beispiel gerne mal in freier Wildbahn sehen..

Arne Drews · 02.10.2010, 11:25

Ah ja, das könnte hinhauen. Kann ich am Montag morgen erst testen, aber danke für den Tipp.

Warum die letzte Zeile ausgeführt werden muß?
Ja, der Background wird zurückgesetzt. Ich habe ja ein div mit eingebettetem span.
Beide haben bg-images, der span wird mit neuem bg-image eingefadet.
Nach einem SetTimeout bekommt das div den background des span, der span geht raus und bekommt wieder ein neues bg-image und wird wieder eingefadet.

Habe ich so gemacht, weil ich das neue Bild über das alte einblenden will,
ohne das alte zunächst offensichtlich auszublenden.

Ich probier das am Montag mal aus und kann Dir dann auch gern'
mal'n Link geben...

Thx!

Chriz · 02.10.2010, 12:15

Statt setTimeout('initSlide()', 5000) kannst du auch setTimeout(initSlide, 5000) schreiben, das ist "richtiger".

Arne Drews · 02.10.2010, 12:51

Ok, das wußte ich noch nicht...
Danke!

Arne Drews · 04.10.2010, 08:01

Jo, noch ein wenig umgebaut, dann funktionierts mit Deinem Vorschlag, nikosch!

Funktion sieht nun so aus (entsprechend dem EDIT unten geändert!):

PHP-Code:

  function initSlide() {
  $('.dpSlide').each(function() {
    slideName = $(this).attr('title');

    $(this).css('background-image', $('span', $(this)).css('background-image'));
    
    dpSlides.Counter[slideName]++;
    if(dpSlides.Counter[slideName] == dpSlides[slideName].length) dpSlides.Counter[slideName] = 0;

    $('span', $(this)).hide();
    $('span', $(this)).css('background-image', 'url("' + dpSlides[slideName][dpSlides.Counter[slideName]] + '")');
    $('span', $(this)).fadeIn(800);
  });

  setTimeout(initSlide, 5000);
}

Danke für Deine Hilfestellung!

Auch Chriz danke für den Tipp, wozu ich noch eine Frage hätte.
Wenn ich an die aufzurufende Funktion Parameter übergeben muß, muß das doch wieder in Quotes, oder nicht?

Habe mal als Anhang ein kleines dokumentiertes Beispiel angehängt, falls es Euch interessiert, was das Ganze soll.
Verbesserungsvorschläge sind willkommen, auch über PN, um den Thread nicht unnötig am Leben zu erhalten...

Thx@u2

EDIT:
Mir ist gerade aufgefallen, daß auch alles wieder mit this funktioniert, da ich ja aufgrund des Funktionsumbaus das Objekt nicht mehr in eine Funktion übernehmen muß.
Allerdings hat nikosch's Vorschlag bie der Funktionsvariante natürlich funktioniert!

Chriz · 04.10.2010, 11:12

Zitat:

Zitat von Arne Drews

Auch Chriz danke für den Tipp, wozu ich noch eine Frage hätte.
Wenn ich an die aufzurufende Funktion Parameter übergeben muß, muß das doch wieder in Quotes, oder nicht?

Ne, sonst waerst du ja auf skalare Werte beschraenkt:

PHP-Code:

  <?php
setTimeout(function() {
  initSlide(1, false);
}, 5000);

Arne Drews · 04.10.2010, 11:15

Ach guck, so einfach ist das...
Thx.

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
PHP Default charset für Funktionen	MasterQ	PHP-Fortgeschrittene	6	06.01.2011 10:03
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 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] 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
Templatesystem mit Funktionen und Variablen drin?	BartTheDevil89	PHP Tipps 2008	6	01.07.2008 09:32
Klassen und externe Funktionen ?	ssm	PHP-Fortgeschrittene	17	18.07.2007 11:59
Funktionen überprüfen und Grafik Funktionen	hans.karl2	PHP Tipps 2006	10	31.07.2006 20:08
Funktionen in Funktionen - ist das gut?	Schneckenkind	PHP Tipps 2006	23	10.06.2006 13:39
Globale Variabeln in Funktionen	finerip	PHP Tipps 2007	3	28.11.2005 16:00
Funktionen Erklärung	TheSkaterFriend	PHP Tipps 2004	14	11.06.2004 22:05

01.10.2010, 19:24
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Versuch mal: PHP-Code: `var self = this; $('span', $(this)).fadeOut(800, function() { dpSlides.Counter[slideName]++; if(dpSlides.Counter[slideName] == dpSlides[slideName].length) { dpSlides.Counter[slideName] = 0; } $('span', $(self)).css('background-image', 'url(' + dpSlides[slideName][dpSlides.Counter[slideName]] + ')'); });` Oder besser: PHP-Code: `var allSpans = $('span', $(this)); allSpans.fadeOut(800, function() { dpSlides.Counter[slideName]++; if(dpSlides.Counter[slideName] == dpSlides[slideName].length) { dpSlides.Counter[slideName] = 0; } allSpans.css('background-image', 'url(' + dpSlides[slideName][dpSlides.Counter[slideName]] + ')'); });` Wieso muss die letzte Zeile überhaupt ständig ausgeführt werden? Wird bg-image irgendwo anders zurückgesetzt? Ich würde das Beispiel gerne mal in freier Wildbahn sehen.. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --


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

02.10.2010, 11:25
Arne Drews Erfahrener Benutzer Registriert seit: 22.04.2009 Beiträge: 3.486 PHP-Kenntnisse: Anfänger	Ah ja, das könnte hinhauen. Kann ich am Montag morgen erst testen, aber danke für den Tipp. Warum die letzte Zeile ausgeführt werden muß? Ja, der Background wird zurückgesetzt. Ich habe ja ein div mit eingebettetem span. Beide haben bg-images, der span wird mit neuem bg-image eingefadet. Nach einem SetTimeout bekommt das div den background des span, der span geht raus und bekommt wieder ein neues bg-image und wird wieder eingefadet. Habe ich so gemacht, weil ich das neue Bild über das alte einblenden will, ohne das alte zunächst offensichtlich auszublenden. Ich probier das am Montag mal aus und kann Dir dann auch gern' mal'n Link geben... Thx! __________________ Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. Probleme kann man niemals mit derselben Denkweise lösen, durch die sie entstanden sind. Albert Einstein

02.10.2010, 12:15
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Statt setTimeout('initSlide()', 5000) kannst du auch setTimeout(initSlide, 5000) schreiben, das ist "richtiger". __________________ "Nuschel ich?" - "Was?"

02.10.2010, 12:51
Arne Drews Erfahrener Benutzer Registriert seit: 22.04.2009 Beiträge: 3.486 PHP-Kenntnisse: Anfänger	Ok, das wußte ich noch nicht... Danke! __________________ Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. Probleme kann man niemals mit derselben Denkweise lösen, durch die sie entstanden sind. Albert Einstein

04.10.2010, 11:15
Arne Drews Erfahrener Benutzer Registriert seit: 22.04.2009 Beiträge: 3.486 PHP-Kenntnisse: Anfänger	Ach guck, so einfach ist das... Thx. __________________ Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. Probleme kann man niemals mit derselben Denkweise lösen, durch die sie entstanden sind. Albert Einstein