gestern stand ich noch am abgrund der verzweiflung ... heute bin ich einen schritt weiter ;(
ich versuche krampfhaft mit jquery ein div mit 100% breite, von 0 höhe auf 480px höhe beim laden der seite auffahren zu lassen. es soll so aussehen, als würde sich eine leinwand öffnen aber von der mitte her also 240 nach oben und 240 nach unten.
mit diesem code öffne ich das wrapper div centriert auf der webseite:
- Code: Alles auswählen
$
/*
*
* Center Plugin 1.0 - Easy cross-browser centering a div!
* Version 1.0.1
* @requires jQuery v1.3.0
*
* Copyright (c) 2010 Matthias Isler
* Licensed under the GPL licenses:
* http://www.gnu.org/licenses/gpl.html
*
*/
jQuery.fn.center = function(init) {
var object = this;
if(!init) {
object.css('margin-top', $(window).height() / 2 - this.height() / 2);
object.css('margin-left', $(window).width() / 2 - this.width() / 2);
$(window).resize(function() {
object.center(!init);
});
} else {
var marginTop = $(window).height() / 2 - this.height() / 2;
var marginLeft = $(window).width() / 2 - this.width() / 2;
marginTop = (marginTop < 0) ? 0 : marginTop;
marginLeft = (marginLeft < 0) ? 0 : marginLeft;
object.stop();
object.animate(
{
marginTop: marginTop,
marginLeft: marginLeft
},
150,
'linear'
);
}
}
und hiermit wird das div innerhalb von wrapper angesprochen
- Code: Alles auswählen
('#my-content').animate({left:0,width:"100%",top:0,height:"100%"},2000);
klappt es aber nur von oben nach unten
kann mir hier jemand unter die arme greifen
danke richy
