jquery animatie
Ik zit met een probleem. Ik heb een startup met een wall van buttons (grote buttons) naar de plugins, pagina beheer etc. Nu als je erop klikt is het de bedoeling dat met een animatie dat de button (300x150) het scherm opvult, en vervolgens je doorstuurt naar de betreffende pagina.
Nu gaat dat half goed, van de animatie werkt alles behalve het veranderen van de property 'left'. Als de animatie klaar is werkt left opeens. Ik heb twee foto's gemaakt van wat ik bedoel:
de animatie:
na de animatie(dus opeens bam werkt left)
onclick='$(this).animate({left: 0,width: screen.width,padding: heightcontent,top: \"0\", bottom: \"0\",marginLeft: \"0.6in\",position: \"absolute\"}, 1000, function() {document.getElementById(\"pagecontentt_l\").innerHTML=\"<img src=\\\"./sources/admin/images/loader2.gif\\\"> Loading...\";switchsystem_to_pagelist();});'
<<binnen de echo, vandaar zoveel escapes. De syntax klopt.
Is dit een bug of doe ik het fout? Als het een bug is, hoe kan ik er dan omheen zeilen?
voor wat betreft je vraag, misschien licht het aan het feit dat je geen z-index toevoegt.
heb je een online voorbeeld, dan kunnen we even meekijken, misschien kunnen we dan ook helpen met je js.
Ik ben van plan om er een functie van te maken, maar als het niet werkt heeft het ook geen zin.
Z-index toegevoegd, maar heeft geen effect :(
Toevoeging op 17/09/2011 13:11:40:
Ik heb er nu een functie van gemaakt, hij werkt nog steeds niet zoals ik wil, maar ik vind hem zo goed. Alleen, in IE zegt hij het volgende: Ongeldig Argument regel 0
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
function animate_startup_pagelist() {
$("#pagescontentt").animate({
zIndex: 2,
position: "absolute",
width: screen.width,
padding: heightcontent
}, 1000, function() {
document.getElementById("pagecontentt_l").innerHTML="<img src='./sources/admin/images/loader2.gif'> Loading...";
switchsystem_to_pagelist();
});
}
$("#pagescontentt").animate({
zIndex: 2,
position: "absolute",
width: screen.width,
padding: heightcontent
}, 1000, function() {
document.getElementById("pagecontentt_l").innerHTML="<img src='./sources/admin/images/loader2.gif'> Loading...";
switchsystem_to_pagelist();
});
}
Weet iemand hoe dit ook kan werken in IE? Ook de animatie werkt niet in IE!