kostenloser Webspace werbefrei: lima-city

Tabelle bei mouseover drehen!

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   goldeneye

   

   goldeneye hat kostenlosen Webspace.

   17:02, 23.11.2008

   Wie ist es möglich, dass eine Tabelle mit zwei spalten sowie zwei zeilen sowie mit einem inhalt von 8 Bildern bei einem mouseover um zu einer estimmten position gedreht wird(je nachdem über welches fel man geht...)?
   Ist sehr wichtig, dass ich das schaffe, da es sich um eine Website für meine schule handelt...
   Wäre schön wenn mir jemand tipps geben könnte; bzw. mir sagen könnte, ob es mit javascript überhaupt realisierbar ist.
   Gruß
   Daniel

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. raubritta

   

   raubritta hat kostenlosen Webspace.

   17:18, 23.11.2008

   zunächsteinmal kann ich dir sagen, dass es eigentlich möglich sein müsste. Du brauchst dafür jedoch wahrscheinlich neben JS auch AJAX / PHP.
   
   Ich hab noch nicht verstanden, zu welcher bestimmten position gedreht werden soll?
   Also drehen um eine bestimmte gradzahl wirst du wahrscheinlich nicht schaffen. Meinst du jetzt an eine andere Position der Tabelle oder was?

4. prog

   

   prog hat kostenlosen Webspace.

   17:34, 23.11.2008

   Ja, wenn ich dich richtig verstanden habe, willst du nicht die Tabelle drehen, sondern nur das Bild, über dessen Link man sich gerade befindet nach oben bekommen.
   
   Das geht mit DOM, indem du das Ganze in ein Array speicherst, und das dann entsprechen der Position [0] ausgibst
   

   var personen = new Array()
   personen[0] = '<img src="pers1.jpg" border="0">';
   personen[1] = '<img src="pers2.jpg" border="0">';
   ...
   
   //dann durchläufst du das mit einer Schleife:
   document._________.innerHTML = "";
   var pos = 2 (beginnt bei 2)
   for(var i = pos; i<personen.length; i++){
   document._________.innerHTML += personen[i];
   }

   
   
   Gruß, Prog
5. Autor dieses Themas

   goldeneye

   

   goldeneye hat kostenlosen Webspace.

   17:51, 23.11.2008

   Habe eine ungefähre skizze gemacht:
   http://goldeneye.lima-city.de/tabellendrehung.jpg
   Das graue 1/4 der Tabelle soll situation mouseover darstellen.
   Automatisch soll dann die Tabelle um 90 Grad gedreht werden...
   Die Tabelle soll immer in 90 Gradschritten gedreht werden, bis das bild an der unteren linken ecke angeckommen ist. Dies sollte auch eine sichtbare bewegung sein!! das ist das hauptproblem...
   
   also das die Tabelle pro 90 grade genau 1 Sekunde braucht oder so...
   Ist das bisher versändlich bzw. lässt es sich immernoch verwirklichen?

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?