So, damit es nicht staendig Fragen in den unterschiedlichsten Threads gibt, habt ihr hier zwei Methoden die funktionieren.
Der ModerneDiese Methode funktioniert auf allen Browsern die Modernes CSS beherrschen also alle ausser die
Internet
Explorer Familie. Sie funktioniert auch ohne Javascript und ist mein persoenlicher Favorit:
<style type="text/css"></style>
Dieses Script wurde hauptsaechlich von
Mein Nick in folgendem
Beitrag vorgestellt.
Der FauleBeim Faulen, braucht man nichts weiter als zu kopieren und die Adresse der Grafik und die Dimensionen einzutragen und schon ist man fertig. Diese Methode funktioniert auf allen Browsern, hat allerdings den Nachteil, dass derjenige der eure Seite betrachtet,
Java
Script eingeschalten haben muss. Wir jedoch sind hier in Knuddels und da hat man sein js immer eingeschalten.
Diesen Code kopieren<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript"></script>
<style type="text/css"></style>
Im CSS Abschnitt, aendert ihr die URL, Breite und Hoehe, ganz so wie ihr es braucht.
Ich hab zu Demonstrationszwecken in beiden Beispielen einfach mal meine Grafik drin gelassen, die entfernt ihr und ersetzt sie durch eure. Solltet ihr nichts ersetzen, dann bekommt ihr im Headerbereich dieses Bild:
[img]http://i41.tinypic.com/2cn2ut.jpg[/img]
ConslusionSicher ist, die hier als
faul bezeichnete Methode, noch ausbaufaehig und wer moechte, kann das gerne noch verbessern –bzw. modifizieren. Denkbar waere, dass man nach dem sechsten URI-Array ausschau haelt und diesen mittels Endattributselektor einbindet. Jedoch muesste man vorher erstmal filtern, was mir hier zu viel Aufwand war.
Hier koennt ihr noch ein Livebeispiel sehen:
Beispielseite auf UnitePowered by
[img]http://promote.opera.com/opera9/468x60opera9.gif[/img]