Coder Board Community

Ich habe die Aufgabe ein Intro für eine Seite zu bauen und habe als Vorlage die Seite www.amj-design.de bekommen. Auf der Seite ist ein rechteckiger Kasten und wenn man mit der Maus über einen Streifen fährt wird der Streifen breiter und es kommt ein Bild zum vorschein. Rein dieser eine Effekt wird benötigt für das Intro so, dass ich 20 Bilder hinterlege und diese dann beim Überfahren sichtbar werden. Meine Idee war es eine Tabelle zu bauen mit blass grauem Rahmen um die 20 Zellen und jeder Zelle mit onmouseover per Funktion zu befehlen breiter zu werden und das entsprechende Bild einzublenden. Die Zelle der Tabelle bei mouseover breiter zu bekommen geht ja grundsätzlich ich kann ja festlegen das die Tabelle eine Gesamtbreite von 1000 Pixel hat und bei 20 Zellen macht das pro Zelle 50 Pixel. Wird eine Zelle nun auf 300 Pixel aufgeklappt bleibt für die anderen 19 nur noch 700 Pixel über und somit etwa 37 Pixel pro Zelle. Problem ist nur wenn ich den zweiten Streifen von Links aufklappe würde die Zelle ja aus der Mitte raus aufgeklappt und das würde die linke Zelle total zusammen stauchen. Und was auf keinen Fall verloren gehen darf ist der Effekt das die Zelle langsam breiter wird und nicht hin und her blinkt.

Am besten mal auf die Seite die ich oben genannt habe drauf schauen und wenn jemand einen Vorschlag hat bitte mal melden. Es muss nur leider rein in JS passieren da auf dem Webspace kein PHP läuft und zumindest laut Angabe von dem Besitzer auch Flash verhindert wird.

Ich hab das tatsächlich umsetzen können rein mit HTML und Javascript. Unter Verwendung von Scriptacoulus. Allerdings gibts da ein Problem. Bei dem Effekt scale werden Prozentangaben verwendet und damit kann ich das nicht machen. Wenn meine Tabelle 1000 Pixel breit ist und ich 10 Zellen nebeneinander hab dann soll beim Überfahren die Zelle 300 Pixel breit werden. Die Angabe 300 passt hier also nur weil 300% von 100 Pixel ebenfalls 300 Pixel sind. Aber wenn die Maus weg fährt und alle 10 Zellen wieder gleichmäßig 100% bzw. 100 Pixel haben sollen geht das nicht da ich keine direkte Pixelangabe machen kann. ich müsste wenn errechnen wenn 300 Pixel 100% entspricht sind 100 Pixel 33,33 % nur wie ist das mit den anderen Zellen die grade 77,77 Pixel groß sind? 77,77 entspricht 100% und wieviel % sind dann 100 Pixel? In Prozent ist das einfach doof anzugeben nur ich hab noch nicht rausgefunden wie ich bei dem Effekt direkt eine Pixelangabe mit geben kann. Oder geht das gar nicht?