Hallo an alle!
ich habe vor dem erstellen von diesem thread mit der suchhilfe nach verwandten themen gesucht aber irgendwie nicht ganz das gefunden was ich brauche und teilweise auch nur geschlossene threads, zu denen ich nicht antworten konnte. schlagt mich also bitte nicht tod, wenn ich was übersehn hab =O
ich muss eine seite mit einem "bilderbuch" erstellen, in der man sowohl über vor- und zurückpfeile die bilder durchschalten kann, als auch die bilder direkt über thumbnails auswählen kann. ansatzweise hab ich das mithilfe von selfhtml selber lösen können, sprich, ich habe das bilderfeld mit den pfeiltasten in die seite eingebaut, undzwar mit javascript.
hier noch der link zum html-beispiel:
http://de.selfhtml.org/dhtml/beispiele/bilderbuch.htm
wie ich jetzt den rest in die funktion einbinde, weiss ich nicht. meine javascript-kenntnisse reichen grad mal dazu, den aufbau zu verstehen und in vorlagen herumzupfuschen *G*
so soll die seite funktionieren:
rechts vom hauptmenü gibts ein feld á 570x300px als platzhalter für die bilder. unter dem platzhalter gibts die vor- und zurückpfeile zum durchblättern.
das hab ich soweit bereits fertig mit hilfe von selfhtml.
jetzt kommt der witz:
unter den pfeilen gibt es nochmal eine zeile mit den durchblätterbaren bildern als thumbnails. diese thumbnails sind alle entweder transparent oder schwarz-weiss, bis auf das aktive (d.h. das bild, das gerade im platzhalter angezeigt wird), um es als aktiv hervorzuheben. wenn ich also mit den pfeilen weiterblättere, wird auch in der thumbnail-zeile das nächste thumbnail gehighlightet (wasn deutsch *G*).
zugleich kann ich natürlich auch die einzelnen thumbnails anklicken und das zugehörige bild gleich in den platzhalter laden.
es gibt im internet ja genug vorlagen mit bilderbüchern, die man weiterblättern kann, oder solche, die man durch thumbnails bedienen kann, und es gibt vorlagen für bilder, die durch javascript via mouseover gehighlightet.
aber das sind alles separate, von einander unabhängige beispiele. wie bringe ich diese funktionen so zusammen, dass sie nicht nur auf den user reagieren sondern auch sich gegenseitig auslösen wie oben beschrieben?
ist das ausschließlich mit javascript möglich? ich hab ja die halbe sache bereits mit javascript gemacht und daher wärs schön, wenn der rest auch damit ginge, d.h. bitte kein flash oder sowas, was noch mehr ärger bereitet.
ich wäre sehr froh wenn mir jemand da weiterhelfen könnte!
vielen dank im voraus für eure hilfe!
jonny
ich habe vor dem erstellen von diesem thread mit der suchhilfe nach verwandten themen gesucht aber irgendwie nicht ganz das gefunden was ich brauche und teilweise auch nur geschlossene threads, zu denen ich nicht antworten konnte. schlagt mich also bitte nicht tod, wenn ich was übersehn hab =O
ich muss eine seite mit einem "bilderbuch" erstellen, in der man sowohl über vor- und zurückpfeile die bilder durchschalten kann, als auch die bilder direkt über thumbnails auswählen kann. ansatzweise hab ich das mithilfe von selfhtml selber lösen können, sprich, ich habe das bilderfeld mit den pfeiltasten in die seite eingebaut, undzwar mit javascript.
hier noch der link zum html-beispiel:
http://de.selfhtml.org/dhtml/beispiele/bilderbuch.htm
wie ich jetzt den rest in die funktion einbinde, weiss ich nicht. meine javascript-kenntnisse reichen grad mal dazu, den aufbau zu verstehen und in vorlagen herumzupfuschen *G*
so soll die seite funktionieren:
rechts vom hauptmenü gibts ein feld á 570x300px als platzhalter für die bilder. unter dem platzhalter gibts die vor- und zurückpfeile zum durchblättern.
das hab ich soweit bereits fertig mit hilfe von selfhtml.
jetzt kommt der witz:
unter den pfeilen gibt es nochmal eine zeile mit den durchblätterbaren bildern als thumbnails. diese thumbnails sind alle entweder transparent oder schwarz-weiss, bis auf das aktive (d.h. das bild, das gerade im platzhalter angezeigt wird), um es als aktiv hervorzuheben. wenn ich also mit den pfeilen weiterblättere, wird auch in der thumbnail-zeile das nächste thumbnail gehighlightet (wasn deutsch *G*).
zugleich kann ich natürlich auch die einzelnen thumbnails anklicken und das zugehörige bild gleich in den platzhalter laden.
es gibt im internet ja genug vorlagen mit bilderbüchern, die man weiterblättern kann, oder solche, die man durch thumbnails bedienen kann, und es gibt vorlagen für bilder, die durch javascript via mouseover gehighlightet.
aber das sind alles separate, von einander unabhängige beispiele. wie bringe ich diese funktionen so zusammen, dass sie nicht nur auf den user reagieren sondern auch sich gegenseitig auslösen wie oben beschrieben?
ist das ausschließlich mit javascript möglich? ich hab ja die halbe sache bereits mit javascript gemacht und daher wärs schön, wenn der rest auch damit ginge, d.h. bitte kein flash oder sowas, was noch mehr ärger bereitet.
ich wäre sehr froh wenn mir jemand da weiterhelfen könnte!
vielen dank im voraus für eure hilfe!
jonny
Zuletzt bearbeitet: