Vorladen von Grafiken

[M@rk]

Hallo Cracks,

da ich ein ziemlicher Newbee bin, würde ich gerne wieder mal and die Cracks des Forums herantreten, eventuell mit der Reaktion des Augenverdrehens. Ich bin gerade mit dem Aufbau einer Website beschäftig und habe ein NavigationsMenue mit Javascript aufgebaut.
Die groben Anfänge sind zu sehen auf www.badhotelwernau.de (wobei momentan nur der Hotel- und Lage-Link funktioniert.

Ich habe nun das Problem, daß die mouseover-Grafiken nur richtig funktionieren wenn man das erste mal mit der Maus drübergefahren ist. Dies könnte man kompensieren mit dem Vorladen.

Jetzt, lange Rede kurzer Sinn. Wie weiß ich welche Grafiken vorgeladen werden müssen, wenn ich gar nicht weiß welche Seite der User als nächstes aufruft? ...oder hab ich da irgendetwas falsch verstanden. Oder muß man auf der index.html alle verfügbaren Grafiken vorladen.

Gruß M@rk

[Patrick Schröder]

Hallo M@rk!

Erstmal muss ich dir mein Kompliment aussprechen. Wenn du mit Web-Design usw. noch nicht soo viel Erfahrung hast, dann beweist du mit der Seite zumindest, dass du Geschmack hast.

Zu deinem Problem: Ist deine Seite auf HTML, PHP in anderer Web-Sprache aufgebaut?
Ansonsten kannst du auf jeder deiner Seiten die entsprechenden Grafiken nachladen, kannst es aber auch schon auf der Startseite machen. Wobei ich ersteres dann doch eher empfehlen würde.

Des weiteren solltest du dich fragen, ob die Untermenüs wirklich ebenfalls Grafiken sein müssen, oder ob man dort vielleicht auch normalen Text (CSS-formatiert) verwenden könnte.

Gruß Patrick

PS: Wenn eine Seite noch nicht fertig ist und du noch am testen bist, solltest du das besser in einem extra Unterverzeichnis machen, nicht schon direkt auf der Domain.

[M@rk]

Hallo Patrick,

vielen Dank für Deine schnelle Hilfe und für Deine Tips.

Erstmal muss ich dir mein Kompliment aussprechen. Wenn du mit Web-Design usw. noch nicht soo viel Erfahrung hast, dann beweist du mit der Seite zumindest, dass du Geschmack hast.

Meine Seite ist momentan noch mit HTML aufgebaut.
Ich denke auch, daß es am sinnvollsten wäre auf der Index-Seite die Grafiken zu laden.

Zu deinem Problem: Ist deine Seite auf HTML, PHP in anderer Web-Sprache aufgebaut?
Ansonsten kannst du auf jeder deiner Seiten die entsprechenden Grafiken nachladen, kannst es aber auch schon auf der Startseite machen. Wobei ich ersteres dann doch eher empfehlen würde.

Ich habe halt hier Grafiken vervendet, daß es vom Stil her zu den Buttons passt, zwecks anti-alias... und so.

Des weiteren solltest du dich fragen, ob die Untermenüs wirklich ebenfalls Grafiken sein müssen, oder ob man dort vielleicht auch normalen Text (CSS-formatiert) verwenden könnte.

Ich hätte auch gerne die Buttons mit einem leeren Button (also ohne Beschriftung), diese als Hintergrundgrafik in der Zelle hinterlegt und die Beschriftung per CSS gemacht. Leider weiß ich momentan noch nicht wie das gehen würde...

...ok. die Domain weiß halt momentan noch keiner...

PS: Wenn eine Seite noch nicht fertig ist und du noch am testen bist, solltest du das besser in einem extra Unterverzeichnis machen, nicht schon direkt auf der Domain.

[Ingo]

Hi,
wie ich sehe, hast Du die Sache mit dem Vorladen inzwischen hinbekommen.

Ich hätte auch gerne die Buttons mit einem leeren Button (also ohne Beschriftung), diese als Hintergrundgrafik in der Zelle hinterlegt und die Beschriftung per CSS gemacht. Leider weiß ich momentan noch nicht wie das gehen würde...

Da könnte Dir http://www.1ngo.de/web/buttons.html vielleicht helfen.
Deiner Grafiken sind zwar schön klein, aber mit dieser Methode sparst Du Resourcen und Dir auch die Arbeit mit dem Beschriften neuer Links.
Die Unterpunkte könntest Du dann entweder als reine Textlinks setzen oder eine zweite leere Grafik ohne viel Aufwand hierfür hinterlegen.

freundliche Grüße
Ingo

[M@rk]

Hallo Ingo,

ich werde mir mal Die Site anschauen, waß ich dort brauchen kann.

Vielen Dank Ingo... cu

P.S.: Finde es riesig, wie toll einem in diesem relativ hoch angesiedeltem Forum einem als Newbee geholfen wird...

[wahsaga]

hi,

Erstmal muss ich dir mein Kompliment aussprechen. Wenn du mit Web-Design usw. noch nicht soo viel Erfahrung hast, dann beweist du mit der Seite zumindest, dass du Geschmack hast.

ja, und wenn er im laufe der zeit ein wenig mehr erfahrungen sammelt, dann beweist er beim nächsten mal vielleicht sogar guten.

gruss,
wahsaga

[MudGuard]

Hi,

Jetzt, lange Rede kurzer Sinn. Wie weiß ich welche Grafiken vorgeladen werden müssen, wenn ich gar nicht weiß welche Seite der User als nächstes aufruft?

Im Grunde brauchst Du für die Navigationsbuttons doch nur 2 Grafiken. Normal und Gehovert.
Diese Grafiken werden als Hintergrundbild des Links benutzt (display:block; width- und height nicht vergessen).
Die Buttonbeschriftung wird dann als ganz gewöhnlicher Text darübergelegt (und per CSS entsprechend formatiert).

Das Vorladen beschränkt sich somit auf eine einzige Grafik: die gehoverte Buttongrafik.
Und das vollkommen unabhängig davon, welche Seite aufgerufen werden wird...

...oder hab ich da irgendetwas falsch verstanden. Oder muß man auf der index.html alle verfügbaren Grafiken vorladen.

Die wenigsten Besucher werden über die index.html auf Deine Webpräsenz kommen - die Suchmaschinen geben üblicherweise direkte Links zu Unterseiten aus.
Ein Vorladen in der index.html bringt also in den wenigsten Fällen überhaupt etwas.

cu,
Andreas

[M@rk]

Hallo Andreas,

vielen Dank für Deine schnelle Antwort,

habe in der Antwort von Patrick über Deinen Vorschlag schon gepostet,
da es zeitgleich mit Deinem Posting kam.

Stimmt es wäre eine sehr gute Lösung, die du mir hier genannt hast...
muß halt mal sehen, wie ich die als Newbee umsetzten kann.

Nochmals vielen Dank

Gruß M@rk

[Patrick Schröder]

Nochmal hallo M@rk!

Lernen tut man nur durchs fragen, ausprobieren und das immer wieder!
Solltest du zwischendurch noch Fragen dazu haben oder festhängen, schreib mir einfach ne Mail.

Wenn ich kann, werd ich dir weiterhelfen.

Gruß Patrick

PS: Ist Firmen-Adresse, daher nur bis 16:00, aber wenn schreib mir, dann geb ich dir auch ne andere Adresse.

[M@rk]

Hallo Patrick,

vielen Dank für Dein nettes Angebot.

Lernen tut man nur durchs fragen, ausprobieren und das immer wieder!

Werd mir Deine Adresse auf alle Fälle merken, kann aber schon sein, daß ich Dich ein wenig "nerven" werde.

Solltest du zwischendurch noch Fragen dazu haben oder festhängen, schreib mir einfach ne Mail.

Wenn ich kann, werd ich dir weiterhelfen.

Deine Frage an Andreas in diesem Posting würde mich auch gerne interessieren, da dies ergänzend zu Ingo's Posting wäre...

Gruß M@rk

[Patrick Schröder]

Hallo Andreas!

Dein Vorschlag finde ich soweit auch am besten. Allerdings habe ich selbst genau an dieser Stelle grad ein Problem... (hatte ich weiter unten auch schon gepostet). Vielleicht kannst du mir da noch weiterhelfen.
Wenn die Buttongrafik im Hintergrund liegt, wie bekomme ich dann den OnMouseOver-Effekt im Hintergrund hin? Bei normalen (im Vordergrund liegenden) Bildern hab ich da kein Problem, aber im Hintergrund, krieg ich das irgendwie nicht hin.

Wie geht das? Wenn ich mich recht entsinne, müsste es auch über CSS funzen, aber ich hab keine Ahnung .... und gefunden hab ich dazu auch noch nichts.

Die wenigsten Besucher werden über die index.html auf Deine Webpräsenz kommen - die Suchmaschinen geben üblicherweise direkte Links zu Unterseiten aus.

Naja... wenn man seine robots.txt entsprechend einstellt, ist das wieder überhaupt kein Problem mehr. Vor allem, wenn jemand Frames verwendet, wäre das doch ratsam, weil die Seite dann durchaus bescheiden aussehen könnte.

Ein Vorladen in der index.html bringt also in den wenigsten Fällen überhaupt etwas.

Gruß Patrick

[MudGuard]

Hi,

Wenn die Buttongrafik im Hintergrund liegt, wie bekomme ich dann den OnMouseOver-Effekt im Hintergrund hin? Bei normalen (im Vordergrund liegenden) Bildern hab ich da kein Problem, aber im Hintergrund, krieg ich das irgendwie nicht hin.

einfach per CSS bei :hover ein anderes Hintergrundbild angeben.

Die wenigsten Besucher werden über die index.html auf Deine Webpräsenz kommen - die Suchmaschinen geben üblicherweise direkte Links zu Unterseiten aus.
Naja... wenn man seine robots.txt entsprechend einstellt, ist das wieder überhaupt kein Problem mehr.

Nur werden dann die wenigsten Inhalte überhaupt von der Suchmaschine gefunden...

Vor allem, wenn jemand Frames verwendet, wäre das doch ratsam, weil die Seite dann durchaus bescheiden aussehen könnte.

Das wäre ein Rumpfuschen an den Symptomen. Sinnvoller wäre es, auf die Frames von vornherein zu verzichten...

cu,
Andreas

[M@rk]

Hallo Patrick,

ich habe gerade gesehen, daß ich gar keine mail-adresse von Dir habe...

Kannst du mir kurz ne mail schreiben...

Gruß M@rk

[MudGuard]

Hi,

ich habe gerade gesehen, daß ich gar keine mail-adresse von Dir habe...

Ja und?

Kannst du mir kurz ne mail schreiben...

Warum sollte ich?

Wenn Du noch Fragen hast: schreib sie ins Forum - da hast Du die Chance, daß viel mehr Leute Dir helfen, als wenn Du einen einzigen anmailst.
Mails, die sich auf Threads in Foren beziehen, werden von mir (und einigen anderen) sowieso ignoriert, wenn nicht ausdrücklich zum emailen aufgefordert wurde.

cu,
Andreas

[M@rk]

Hallo ANdreas,

ne falsch verstenden ich meinte Patrick...

cu

[MudGuard]

Hi,

ne falsch verstenden ich meinte Patrick...

Du hast das auf MEIN Posting geschrieben, also war ich gemeint.
Und Patrick konntest Du schon allein deshalb nicht meinen, weil der seine Mailadresse in dem Posting angegeben hat, indem er Dir gesagt hat, daß Du ihm schreiben sollst.

cu,
Andreas

[Patrick Schröder]

Hallo Andreas,

also eins wundert mich hier immer wieder. Wer etwas nicht weiß, kann sich häufig über sehr gute, meist auch recht konkrete Antworten freuen.
Sollte dies aber nicht der Fall sein, treten viele einem so dermaßen auf die Füße, dass man sich teilweise kaum traut etwas zu schreiben.
Warum muss so eine Antwort, wie eben von dir, so energisch ausfallen? Es hat dich doch niemand (persönlich) angegriffen. Ich kann mich auch irren, aber dein Ton kam sehr barsch rüber.

Was das mailen angeht. Kann ich einerseits verstehen, aber andererseits, wenn einem etwas erklärt wurde und man es nicht verstanden hatte, wieso nicht nachfragen? Hier im Forum ist es leider oft so, dass Antworten teilweise gar nicht mehr beachtet werden. Einer hat geschrieben, wer anderes sagt dazu dann nichts mehr.

Ich habe auch immer noch dasselbe Hintergrundbild-Problem wie vorhin, nur weiß ich nciht, ob ich dich jetzt noch fragen, ohne nicht angemacht zu werden. Würde ich es als "neues Thema" posten, würde ich ebenfalls einen auf den Sack bekommen, da dieses Thema weiter unten (hier) auch schon steht.

Zum Problem:
Ich habe die Dinge ausprobiert, die du mir genannt hast. Ich bekomme den Hintergrund-Wechsel hin, aber nur genau hinter dem Wort, dass letztendlich verlinkt ist. Der Rest vom Button, der nicht als Link dient, verändert sich nicht.

Gruß Patrick

[MudGuard]

Hi,

Warum muss so eine Antwort, wie eben von dir, so energisch ausfallen? Es hat dich doch niemand (persönlich) angegriffen. Ich kann mich auch irren, aber dein Ton kam sehr barsch rüber.

Du hast es offensichtlich noch nicht erlebt, daß ich energisch oder barsch geworden wäre.

Was das mailen angeht. Kann ich einerseits verstehen, aber andererseits, wenn einem etwas erklärt wurde und man es nicht verstanden hatte, wieso nicht nachfragen?

Gegen Nachfragen sagt ja keiner was. Aber gegen unaufgefordertes Nachfragen per email.

Hier im Forum ist es leider oft so, dass Antworten teilweise gar nicht mehr beachtet werden. Einer hat geschrieben, wer anderes sagt dazu dann nichts mehr.

Kann ich nicht nachvollziehen. Das passiert eigentlich nur, wenn der Original-Poster sich nicht mehr dazu äußert.

Ich habe auch immer noch dasselbe Hintergrundbild-Problem wie vorhin, nur weiß ich nciht, ob ich dich jetzt noch fragen, ohne nicht angemacht zu werden. Würde ich es als "neues Thema" posten, würde ich ebenfalls einen auf den Sack bekommen, da dieses Thema weiter unten (hier) auch schon steht.

Es ist immer richtiger, im Originalthread nachzufragen, da nur dort alle Zusammenhänge beieinander stehen.

Ich habe die Dinge ausprobiert, die du mir genannt hast. Ich bekomme den Hintergrund-Wechsel hin, aber nur genau hinter dem Wort, dass letztendlich verlinkt ist. Der Rest vom Button, der nicht als Link dient, verändert sich nicht.

Hast Du - wie ich es erwähnt hatte, display:block sowie width und height entsprechend gesetzt?
Wie sieht Dein Code aus? Muß ich den jetzt erraten?
DAS ist z.B. etwas, was MICH nervt. Leute erwarten hier kostenlos Hilfe, rücken aber nicht mit ihrem Problem-Code raus, so daß die Hilfewilligen immer erst nachbohren müssen (und damit Zeit verschwendet wird).

cu,
Andreas

[Ingo]

Hi Patrick,

Ich habe auch immer noch dasselbe Hintergrundbild-Problem wie vorhin, nur weiß ich nciht, ob ich dich jetzt noch fragen, ohne nicht angemacht zu werden. Würde ich es als "neues Thema" posten, würde ich ebenfalls einen auf den Sack bekommen, da dieses Thema weiter unten (hier) auch schon steht.

kann schon sein..;.-)

Zum Problem:
Ich habe die Dinge ausprobiert, die du mir genannt hast. Ich bekomme den Hintergrund-Wechsel hin, aber nur genau hinter dem Wort, dass letztendlich verlinkt ist. Der Rest vom Button, der nicht als Link dient, verändert sich nicht.

• Leider blicke ich hier nicht mehr ganz durch, welche Lösung Du jetzt speziell verwendet hast.
  Falls Du meinen Vorschlag mit dem Hintergrundbutton weiter unten aufgegriffen hast und hierin die Hintergrundfarbe änderst, würde das ja nicht ganz passen. Ich habe daher mal meinen Tip: http://www.1ngo.de/web/buttons.html erweitert um eine zweite Hover-Grafik, vielleicht hilft das ja?

freundliche Grüße
Ingo

[Patrick Schröder]

Hallo Ingo!

Vielen Dank, das dürfte meinem Problem auf jeden Fall recht nahe kommen. Ich werds ausprobieren.

Sorry, dass ich gestern nicht mehr geantwortet habe, aber ich musste weg und kam dann später nicht mehr dazu!

Gruß Patrick