• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Dynamisch Bilder überlappen lassen!?

Hoeth

New member
Hallo,

ich würde gerne einmal wissen, wie ich 2 Bilder dynamisch überlappen lassen kann. Damit ihr besser versteht, was ich meine, habe ich hier das genaue Anwendungsziel:

- Wir haben eine Karte (großes Hintergrundbild) und wollen dort unterschiedliche Positionen mit einem *Pinger* anzeigen lassen.

- Dabei soll besagter Ping eine kleine Animation in Form eines größer werdenden Kreises werden. (keine simple Draw-Anweisung)

- Die Pinganimation soll wirklich rund sein und kein quadratisches Bild. Dazu müßte ich allerdings wissen, wie ich Bildteile transparent mache.

- Die Positionierung des Pings muss exakt sein, heißt Pixelgenau. Die HTML Ausrichtungen (Left, center und right) reichen mir nicht aus.

- Das ganze soll möglichst clientseitig ausgeführt werden um den Server nicht unnötig mit Rechnerei zu belasten.


Soviel zu den Anforderungen. Jetzt mal eben ein paar Angaben darüber, was ich schon weiß: :icon7:

- Also an Programmen hab ich folgendes zur Verfügung: HTML, Javascript, PHP, MySQL und mir schon ne Menge angelesen.

- Was die transparenz angeht, so habe ich gelesen, daß das angeblich ganz gut mit gifs funktionieren soll, allerdings hab ich da auch irgendwas im Hinterkopf, daß da irgendein Lizensproblem bestand, welches zur Folge hatte, daß mysql dieses Format nicht mehr unterstützt.


Ich hoffe ihr könnt mir bei meinem kleinen Problem helfen. Wer lange Weile hat, kann mir ja noch folgende Bonusfrage beantworten :D :

- Wann genau lohnt sich ein Einsatz von Flash, bzw. wo liegen die Vorteile und kann man das auch kostenlos benutzen (z.B. Studentenversion)?

So, nun hab ich euch aber genug genervt. Danke schonmal im Voraus.

Mfg Hoeth
 
Das Problem ist die genaue Positionierung über den client. Also ich will zum Beispiel meinen Ping an die Position X=30 und Y=60 setzen. Also soll er mir erst die Karte malen und darüber dann den Ping an besagter Stelle. Leider weiß ich nicht, wie ich das mit Javascript hinkriegen könnte. In den Büchern, die ich aus der Uni hab steht dazu nicht viel drinnen.
Die Möglichkeit die Bilder über PHP auf dem Server zu vereinen und dann an den client weiter zuschicken will ich vermeiden, da so zu viel Traffic bei jeder Anfrage entstehen würde und zudem der Server dauernd mit Rechnerei beschäftigt wär.

Und weil du grad bei gifs warst, welches open source Programm kannst du denn empfehlen um animierte gifs mit transparenteffect zu erstellen?
 
Ein Element zu postionieren ist ganz einfach:
PHP:
[ElementReferenz].style.top = '100px';
[ElementReferenz].style.left = '100px';
Das muss das Element aber natürlich absolut positioniert sein.

Ich hab noch nie eine gif Animation erstellt.
 
EDIT: Danke dir, habs jetzt hin bekommen!

Vielen vielen Dank!!! :D
 
Zuletzt bearbeitet:
Zurück
Oben