[JavaScript] Pixelfeld mit Images/Links belegen - Profis sind gefragt

Hi,

und zwar baue ich mir gerade zu einem Webprojekt ein Pixelfeld.

Grundgedanke ist dieser, das ich einzelne Kästchen später mit Images austauschen möchte, was auch soweit kein Problem ist, doch ich bekomme es einfach nicht so richtig hin, hab schon 3 Variationen ausprobiert, was anderes fällt mr nicht ein.

1. Da habe ich die einzelnen Kästchen in einer Tabelle angelegt und per IMG Tag ausgegeben, so das ich später einfach die Kästchen austauschen konnte. Ist auch die einzigste mehr oder weniger funktionierende Methode die ich kenne. Allerdings sind das dann 10.000 Image Tags, dementsprechend ist dann natürlich das html File gross und brauch ewig zum laden - Also nicht Sinngemäss.

2. Hatte ich wie hier in dem Beispiel oben die Kästchen als Hintergrund in einer Tabelle angelegt, zumindest war so das grössenproblem gelöst, jedoch wie ich feststellen musste, bekam ich es nicht mit reinem HTML sowie Hilfsprogrammen wie Dreamweaver und Frontpage hin, mehrere Images an die von mir bestimmte Stelle zu positionieren, leider.

3. Idee war von mir das ganze Kästchenfeld als Bild auf die Seite zu machen und wenn ich einzelne Kästchen belegen wollte, einfach in Photoshop diese drüberzuziehen, doch somit hab ich ja wiederrum keine Links und Alt Tags ....

Ich mache schon viel zu lange damit rum und bin echt am verzweifeln. Jedoch bekam ich den Tipp von nem Kumpel das das ganze mit Java Script machbar wäre, er verwies mich u.a. auf Maps die im Prinzip die selbe Funktion haben, bei denen man einen Pin an die vorbestimmten Koordinaten setzen kann, oder sowas in der Art.

Darum frage ich hier, kennt jemand eine einfache und unkomplizierte Lösung? Damit ich diese mit meinen 0 Java Kentnissen umsetzen kann ?

Vielen Dank

Natheedo

#2 ließe sich sehr gut mit absoluter positionierung lösen.

etwas in richtung:

<div 
   id="bild_nr_213" 
   style="position: absolute; left: 140px; top: 210px;">
         <img src="bild213.jpg" alt=""/>
</div>

müsstest nur die positionen richtig angeben.

p.s. java??

Original geschrieben von penizillin
#2 ließe sich sehr gut mit absoluter positionierung lösen.

etwas in richtung:

<div 
   id="bild_nr_213" 
   style="position: absolute; left: 140px; top: 210px;">
         <img src="bild213.jpg" alt=""/>
</div>

müsstest nur die positionen richtig angeben.

p.s. java??

Ah Prima dankeschön, werde es mal damit versuchen

Natheedo

OffTopic:

---

Original geschrieben von Natheedo
und zwar baue ich mir gerade zu einem Webprojekt ein Pixelfeld.

Grundgedanke ist dieser, das ich einzelne Kästchen später mit Images austauschen möchte, [...]

erinnert mich irgendwie hieran
ich kann mich aber auch irren. ;-)

---

OffTopic:

---

Original geschrieben von Abraxax
erinnert mich irgendwie hieran

... war irgendwie auch mein erster Gedanke ... wahrscheinlich will er sich die 50$ sparen

---

Original geschrieben von Abraxax

OffTopic:

---

erinnert mich irgendwie hieran
ich kann mich aber auch irren. ;-)

---

Richtig daher habe ich die Funktion entdeckt mit den festen Positionen über einen Hintergrund zu legen sowas kann man immer gebrauchen

Natheedo

Original geschrieben von Meillo
... war irgendwie auch mein erster Gedanke ... wahrscheinlich will er sich die 50$ sparen

OffTopic:

---

geiz wird immer geiler

---

@topic

auch ein image-button kann seinen reiz haben, wenn man mit x & y umgehen kann.