Einzelnen Beitrag anzeigen

Benutzerbild von glkgereon
glkgereon

Registriert seit: 16. Mär 2004
2.287 Beiträge
 
#1

Kreisförmige Anordnung in HTML/JavaScript

  Alt 12. Jan 2006, 16:51
Hi,

Ich möchte eine Übersicht eines Bereichs in Form einer Kreisförmigen Anordnung der Punkte darstellen...

Beispiel:
In der Mitte ein Logo meiner Homepage und drumherum, halt im Kreis, die Logos meiner Programme zum draufklicken.

das ganze soll in einer Seite sein, die auf php basiert.

die Frage: wie?

bisheriger Code:

Code:
<?php
  $result = mysql_query("SELECT id,name,logo FROM data ORDER BY name");
  $id2rad = 360 / mysql_num_rows($result);
  while ($row = mysql_fetch_row($result)) {
    print("<style type=\"text/css\">\n");
    print("<!--\n");
    print(" div_$row[0] {\n");
    print("   position: absolute;\n");
    print("   top: ;\n");
    print("   left: ;\n");
    print(" }\n");
    print("-->\n");
    print("</style>\n");
    print("<div id=\"div_$row[0]\">");
    print(" <img src=\"$row[2]\">$row[1]");
    print("</div>");
  }
?>
das Problem ist die Berechnung von top und left...

Dazu sollen folgende Formeln dienen:
left = (Width/2)+Cos($id2rad)*(Width/3)
top = (Height/2)+Sin($id2rad)*(Height/3)

Width und Height sind in diesem Fall die Größn des übergeordneten Div-Tags.

das CSS des Div-Tags sieht so aus:

Code:
#main {
   background: gainsboro;
   margin: 10px 0px 0px 160px;
   padding-left: 1em;
   padding-bottom: 0.5em;
   padding-top: 1px;
   padding-right: 2px;
}
Jetzt die Frage:

Wie muss ich das machen?
geht es überhaupt?
»Unlösbare Probleme sind in der Regel schwierig...«
  Mit Zitat antworten Zitat