Twisterking
Lt. Commander
- Registriert
- Jan. 2004
- Beiträge
- 1.726
Hi all!
Also folgende situation:
Das Bild "cover.jpg" steht in einem Div, was mittels dem Button "ausklappen" und moo.fx bei klick "ausgeklappt" werden soll und somit angezeigt werden soll!
Bei Text funktioniert das ganze mit moo.fx schon sehr gut, allerdings habe ich bei dem Bild das Problem, dass beim aller ersten Mal betreten der Site das Bild natürlich noch NICHT im Cache is --> folgender Fehler:
Die DIV Box wird kurz ausgeklappt angezeigt, das Bild innerhalb wird geladen, dann wird die Box sofort wieder zugeklappt und ERST DANN kann man den Button ausklappen benutzen bzw. erst dann haut das ganze erst hin!
Also woltle ich das Bild wie HIER beschrieben preloaden, allerdings mache ich entweder was falsch oder kA was los is ... jedenfalls funktioniert danach der Button nicht mehr bzw. die Fehlerkonsole des Firefox gibt aus, dass "myHeight" nicht definiert sei (hatte dasselbe Problem schon als der Code zwischen <script> und </script> im <head> tag mit Kommentaren versehen war!
Was mache ich falsch?
Plz help!
mfg
Twist
Also folgende situation:
Das Bild "cover.jpg" steht in einem Div, was mittels dem Button "ausklappen" und moo.fx bei klick "ausgeklappt" werden soll und somit angezeigt werden soll!
Bei Text funktioniert das ganze mit moo.fx schon sehr gut, allerdings habe ich bei dem Bild das Problem, dass beim aller ersten Mal betreten der Site das Bild natürlich noch NICHT im Cache is --> folgender Fehler:
Die DIV Box wird kurz ausgeklappt angezeigt, das Bild innerhalb wird geladen, dann wird die Box sofort wieder zugeklappt und ERST DANN kann man den Button ausklappen benutzen bzw. erst dann haut das ganze erst hin!
Also woltle ich das Bild wie HIER beschrieben preloaden, allerdings mache ich entweder was falsch oder kA was los is ... jedenfalls funktioniert danach der Button nicht mehr bzw. die Fehlerkonsole des Firefox gibt aus, dass "myHeight" nicht definiert sei (hatte dasselbe Problem schon als der Code zwischen <script> und </script> im <head> tag mit Kommentaren versehen war!
Was mache ich falsch?
HTML:
<html>
<head>
<script src="prototype.lite.js" type="text/javascript" ></script>
<script src="moo.fx.js" type="text/javascript" ></script>
<script type = "text/javascript">
window.onload = function()
{
myHeight = new fx.Height("myding", {duration: 500});
myHeight.hide();
}
</script>
</head>
<body>
<a href = "javascript:myHeight.toggle();">Aufklappen</a><br>
<div id = "myding" style = "width:500px; background-color:#CCCCCC;"><img src="cover.jpg" style="padding:100px;"></div>
</body>
</html>Plz help!
mfg
Twist
