Newbie-Probleme, Mouse-Down bei mehreren, gleichen Buttons, ...
Steven Bagatzky
- javascript
Hallo,
ich hatte vor einiger Zeit schon einmal hier im Forum geposted weil ich bei der Erstellung meiner Internetseite Probleme hatte. Da ich zur Online-Präsentation mehrere Sprachen (im moment nur zwei) anbieten möchte, hab ich mich ans redesignen, neu programmieren gemacht. Falls das sich jetzt anhört als könnte ich da irgendwas, nee, stimmt nicht. Nachdem ich meine "alte" seite online hatte hab ich nichts mehr geschrieben, bis eben jetzt.
alte Seite: http://www.wannabeartist.com
Zum eigentlichen Problem:
die Design-Idee: http://www.soup-comics.de/public/balu/content.jpg
In der Subnavigation der Galerie, sieht man mehrere Kreisbuttons. Diese Kreisbuttons wollte/will ich mit Mouse-over/Mouse-down versehen. Beim überfahren des Kreisbuttons, soll ein Previewbildchen geladen werden, beim anklicken des Buttons soll der Kreisbutton rot werden (um zu zeigen, welchen der Buttons man nun angeklickt hat) und das Previewbildchen "fixiert" werden. Damit meine ich, dass das Previewbildchen angezeigt wird, bis man mit der Maus über ein anderen Button fährt, wenn man ihn jedoch nicht anklickt soll wieder zum Previewbildchen zurückgesprungen werden.
Natürlich soll beim anklicken des Buttons auch ein entsprechendes Bild geöffnet werden :)
Von der Idee einen Beschreibungstext mit den gleichen "eigenschaften" wie dem Previewbild anzuzeigen, bin ich abgekommen weil ich schlichtweg keine Ahnung hab wie ich das umsetzen soll. Denn jeden Beschreibungstext als Grafik abzulegen... yeah, traffic total ;)
Vielleicht sollte ich anmerken, dass ich für die Buttons 12mal die gleiche Grafiken verwenden möchte. Da die Kreisbuttons alle gleich aussehen (auch im Mousedown), halt ichs für schwachsinnig die gleiche grafik 12 mal zu übertragen nur mit unterschiedlichem Namen.
Wer will, kann sich das ganze im aktualisierten Design unter http://www.wannabeartist.com/v2/index.php anschauen.
Ansonsten hab ich das Ganze soweit ich jetzt bin, gezippt. Sind etwas um die 350kb, jedoch bitte ich um Entschuldigung für den Code. Keine Augenweide, den dürfte man wohl eigentlich niemandem zeigen. Liegt teilweise daran dass ich keine Ahnung von dem habe, was ich da mache und auch daran, dass ich einfach nur froh bin wenn was funktioniert :D
Datenbankanbindung brauch man bis dato übrigens noch keine :)
http://www.soup-comics.de/public/balu/soweit.zip
Weitere Probleme zeichnen sich allerdings schon ab (oh wunder), über den Kreisbuttons habe ich 3 Slices angelegt über welche ich ein Textmenü legen will: "<" "1-12" ">" (zurück, die Bilder 1-12, 12-24..., vorwärts).
Ich weiß allerdings nicht, wie ich es hinbekommen soll, dass er wenn ich die Bilder 12-24 anwähle, andere Previewbilder mit den Kreisbuttons verwendet als wenn ich die Bilder 1-12/25-36... anwähle.
Für alle Personen die Antworten: Bitte nehmts mir nicht krumm wenn ich mehrfach sachen nachfrage, in Photoshop kenn ich mich aus, in Javascript, php, ... naaaajach :D
Ich hab sowieso "lediglich" Adobe's Photoshop/ImageReady zur Verfügung, sowie ne alte Frontpage version.
thx,
Steven