✔ Scrollbares Endlosmuster mit Daten

[thomy800]

Hi,

Ich habe mir ein kleines Projekt vorgenommen. Und zwar soll ein Bild (was ich mit PHP generiere) geladen und angezeigent werden. Dieses Bild soll scrollbar sein, so dass es in X- und Y-Richtung im Endlosmuster wiederholt wird. Zusätzlich sollen auf diesem Endlosmuster Zonen definiert sein, die bei Klick zu einer bestimmten URL führen. Diese Zonen müssen auch von PHP definiert werden. Das alles soll über ein Js-Request ablaufen.
Nun muss ich zugeben, dass ich mit Javascript bisher nur kleine Funktionen programmiert habe (kenne mich dafür aber in Java und PHP aus^^).
Wie ich das mit dem Bild und dem Scrollen mache weiß ich noch nicht genau. (Wäre dann Request Nr 1.) Aber die Zonen würde ich über PHP in ein 2. Javasript (zB. als Array) einbetten (Request Nr 2), worauf das erste dann zugreift und dann sinnvoll anzeigt.
Nun tuen sich eine Reihe von Fragen auf: Erstelle ich mit Js Divs die mitscrollen oder überwache ich lieber den Curser bei einem Klick? Wären das so sinnvolle Möglichkeiten? Oder sollte man das anders angehen? Kennt jemand Material, was mir in diesem Fall weiter hilft?

Ich danke schon mal im vorraus,
mfG Thomy800

 

[Sven Mintel]

Moin Thomy,

also für das Endlosmuster würde sich ein Container anbieten, als dessen Hintergrundbild du dieses generierte Bild definierst.

Bei dem 2. wäre eine Überwachung des onclicks in meinen Augen sinvoll.

 

[thomy800]

Könnte man auch das Hintergrundbild scrollen?

 

[Sven Mintel]

Jo, das ist ja sogar das Standardverhalten von Hintergrundbildern:

<div style="width:200px;height:200px;overflow:auto">
  <div style="width:500px;height:500px;background-image:url(http://www.tutorials.de/forum/customavatars/avatar23393_2.gif);"></div>
</div>

 

[thomy800]

Dankeschön. Hab aber mir sagen lassen, dass Jquery auch ein ganz gutes Angebot in meine Richtung haben soll. Das checke ich mal..