22 svar · 3 929 visningar · startad av silfver · sida 2 av 2
Har rotat runt lite efter en vettig slider men som vanligt får man en miljon träffar och alla ser olika ut. Det känns som det borde finnas jäkligt enkla lösningar där ute. Har hittat denna: <http://css-tricks.com/examples/SimpleSlideshow/#> Den är väl närmst det jag vill ha egentligen. Jag vill automatscrolla mellan divar, med valfritt innehåll, dock alltid lika stora. Ungefär fem stycken komme
Läs frågan i sin helhet →children() letar upp direkt barn... men i detta exempel så är det ingen skillnad, find gå djupare i DOM trädet. i detta fall är children en mer korrekt.
Tack för förklaringen. :bire
När jag testade ditt script i IE så stannar den på andra barnet. Utan några scriptfelsvarningar eller liknande. Men ditt ursprungsscript (med find()) fungerar om man använder jQuery 1.7.x. :) Det är alltid något med IE alltså.
Jaha... då få vi göra så här:
var slider = function() {
var css = {
position: "absolute",
top: 0,
left: 0
};
var slideShow = $("#slideshow").children().filter(":gt(0)").hide().end().css(css).end();
var doAnimation = function() {
var data = slideShow.children(":first").data();
setTimeout(function() {
slideShow
.children(":first")
.fadeOut(1000)
.next()
.fadeIn(1000, function() {
slider();
})
.end()
.appendTo(slideShow);
}, data.wait);
};
doAnimation();
return doAnimation;
}();
Jag är förlorad i funktionen alltså. När du inte kallar på trigger längre, hur vet den på vilken nod den ska fortsätta? Om du orkar så får du gärna skriva ut lite kommentarer. Oavsett - stort tack igen!