Få originale children() css værdier
Hej eksperter!Jeg er igang med at lave en site.slider ved hjælp af jQuery og jeg har bevæget mig ud i noget af en tosset kode.
Det mit script skal kunne er, at tage et div-tag (f.eks section2) og skubbe det første div-tag (f.eks section1) ud ad billedet, når der altså bliver klikket på den menu-knap der passer til den side der skal vises.
Men hver gang dette skal ske, skal siderne kun skubbe fra højre mod venstre.
Altså, så istedet for et tradiotionelt sideskift med opdatering, skal siderne kunne slide mellem hinanden.
Problemet er, at de elementer jeg har på siden bliver alle placeret helt til højre, når man skifter tilbage til den foregående side.
Så skal på en eller anden måde få fingrende i disse children()'s originale css indstillinger.
Andet feedback og kritik er også velkomment.
på forhånd tak
EKS: http://abrandi.dk/statue/
$(document).ready(function(){
var pageset = "forside"
$("#projekter").children().stop().andSelf().css({left:"100%"});
$("#blog").children().stop().andSelf().css({left:"100%"});
$("#menu a").click(function(){
if (pageset != this.name && $("#"+this.name).css("left") > "0px") {
newpage = pageset
$("#" + pageset).children().stop().andSelf(1000).animate({left:"-=100%"},1000);
$("#" + this.name).children().stop().andSelf(1000).animate({left:"-=100%"},1000).delay(1000)
setTimeout(function() { $("#" + newpage).children().stop().andSelf().css({left:"100%"}) }, 1000);
}
else if (pageset != this.name && $("#"+this.name).css("left") < "0px"){
newpage = pageset
$("#" + newpage).children().stop().andSelf(1000).animate({left:"-=100%"},1000);
$("#" + this.name).children().stop().andSelf().animate({left:"0%"},1000);
setTimeout(function() { $("#" + newpage).children().stop().andSelf().css({left:"100%"}) }, 1000);
}
else if (pageset != this.name){
alert("Siderne er ikke de samme "+pageset)
}
else {
//alert("det er samme side "+pageset)
}
pageset = this.name
});
});
var pageset = "forside"
$("#projekter").children().stop().andSelf().css({left:"100%"});
$("#blog").children().stop().andSelf().css({left:"100%"});
$("#menu a").click(function(){
if (pageset != this.name && $("#"+this.name).css("left") > "0px") {
newpage = pageset
$("#" + pageset).children().stop().andSelf(1000).animate({left:"-=100%"},1000);
$("#" + this.name).children().stop().andSelf(1000).animate({left:"-=100%"},1000).delay(1000)
setTimeout(function() { $("#" + newpage).children().stop().andSelf().css({left:"100%"}) }, 1000);
}
else if (pageset != this.name && $("#"+this.name).css("left") < "0px"){
newpage = pageset
$("#" + newpage).children().stop().andSelf(1000).animate({left:"-=100%"},1000);
$("#" + this.name).children().stop().andSelf().animate({left:"0%"},1000);
setTimeout(function() { $("#" + newpage).children().stop().andSelf().css({left:"100%"}) }, 1000);
}
else if (pageset != this.name){
alert("Siderne er ikke de samme "+pageset)
}
else {
//alert("det er samme side "+pageset)
}
pageset = this.name
});
});
