Slideeffekt

[3UGENE]

Slideeffekt

Ich möchte, dass wen ich ein Elemnt berühre ein anderes Element größer wird und gleichzeitig größer wird, dass einsogenannter Slide entsteht.
Wie ist das machbar? Mit Schleifen?
Hier soll der Slideeffekt hin: ~erazr.eu~

THX im Vorraus.

Gruß, Eugen.

 

[Frank]

hab dir da mal was gebastelt

<script type="text/javascript">
<!--
function slide(id,dir,stopat_width,stopat_height,steps)
{
  if(dir == 'dislarge')
  {
    now_width = parseFloat(document.getElementById(id).style.width);
    if(now_width > stopat_width)
    {
      new_width = now_width - steps;
      document.getElementById(id).style.width = new_width
    }
    now_height = parseFloat(document.getElementById(id).style.height);
    if(now_height > stopat_height)
    {
      new_height = now_height - steps;
      document.getElementById(id).style.height = new_height
    }
  }
  elseif(dir == 'enlarge')
  {
    now_width = parseFloat(document.getElementById(id).style.width);
    if(now_width < stopat_width)
    {
      new_width = parseFloat(now_width) + parseFloat(steps);
      document.getElementById(id).style.width = new_width
    }
    now_height = parseFloat(document.getElementById(id).style.height);
    if(now_height < stopat_height)
    {
      new_height = parseFloat(now_height) + parseFloat(steps);
      document.getElementById(id).style.height = new_height
    }
  }
  window.setTimeout("slide('"+id+"','"+dir+"','"+stopat_width+"','"+stopat_height+"','"+steps+"')",10)
}
-->
</script>

Hiermit kannst du Slideeffekte zum vergrößern und verkleinern ausführen.
Du musst der Funktion nur einige Parameter übergeben:

slide(ELEMENTID,ENLARGE|DISLARGE,NEW_WIDTH,NEW_HEIGHT,SPEED)

ELEMENTID = id des Elements auf dass der Slideeffekt angewendet werden soll
ENLARGE|DISLARGE = entweder enlarge oder dislarge übergeben um das objekt größer oder kleiner werden zu lassen
NEW_WIDTH = Die Breite die das Element nach dem Sliden haben soll
NEW_HEIGHT = Die Höhe die das Element nach dem Sliden haben soll
SPEED = Wie schnell soll das Sliden gehen (Integer) von 1 - unendlich. Je größer die Zahl desto schneller der Slide

BeispilAufruf

<a href="#" onMouseOver="slide('test','enlarge',400,500,2)">groß-sliden</a>

Das Element müsste dann z.B. so aussehen

<div id="test" style="width:0px;height:0px;backgrond-color:silver;">Testdiv</div>

HF & Greez