Hmm ja sieht schön aus!
Lösungsforschlag für Leute die kein Flash können oder Einsetzen möchten (wie ich einer bin xD)
Funktion: Wir setzen 2 Divs ein. Ein kleines (80x80) und ein größeres(300x300) je nach dem wies aussehen soll.
Mit mouseover machen wir das große sichtbar und bei mouseout unsichtbar.
Beim großen machen wir die Werbung als Hintergrundbild und beim Kleinen die ecke als Hintergrundbild.
Der nachteil der schöne Effect geht verlohren aber die Aufgabe bleid bestehend!
Zwar lässt sich mit Javascript und ca 4 Bildern der Effect wieder erziehlen aber das werd ich jetzt nicht posten (vllt bei bedarf
)
Mein Script:
<script language="javascript">
<!--
function verstecken(hide){
document.getElementById(hide).style.display = 'none';
}
function erscheinen(visible){
document.getElementById(visible).style.display = '';
}
//-->
</script>
<!-- Das Hier sind die funktionen für das erscheinen und das Verstecken des Layers. Bitte im head bereich plazieren -->
<div style="top: 0px; right: 0px; width: 80px; height: 80px; position: absolute; background-image: url(pfad/zum/bild.gif); z-index: 5" onmouseover="javascript:erscheinen('werbung')" > </div>
<div id="werbung" style="top: 0px; right: 0px; width: 300px; height: 300px; position: absolute; background-image: url(pfad/zum/bild-gross.gif); z-index: 5" onmouseover="javascript:erscheinen('werbung')" onmouseout="javascript:verstecken('werbung')"> </div>
Jetzt müsst Ihr mit onClick nur noch die Verweißung auf die Homepage machen.
Das war nur mal so ne Idee, es ohne Flash zu erledigen.
Zu den effecten. Baut ein animated GIF, das als Animaton den gewünschten Effect hat. Mit mouseover wächselt ihr das Bild und den Layer. So könntet ihr den Effect erziehlen
mfg inky
Drucken
