nicht angemeldet
Breite / Höhe des vorigen «img»
Hallo,
ich möchte mit hilfe von JavaScript ein kleines Scriptchen schreiben. Folgendes sollte dann möglich sein:
Ich habe pro Skript immer zwei Grafiken. 1. ein "normales Foto" und 2. der Schatten!
Ich möchte das Skript dann so einbinden:
--------------------------------------------
<script language="JavaScript">
document.write('<table border=0 cellspacing=0 cellpadding=0>');
document.write('<tr><td>');
</script>
<img src="bild.jpg">
<script language="javascript">
document.write('</td></tr>');
document.write('<tr><td>');
document.write('<img src="schatten.jpg">');
document.write('</td></tr></table>');
</script>
------------------------------
Mein Problem ist jetzt aber:
Wenn meine Schatten.jpg nur 150 Pixel breit, bild.jpg aber 200 Pixel breit ist, wie kann ich dann entsprechend der bild.jpg die schatten.jpg in die Breite ziehen.
Kann ich dann irgendwie die bild.jpg ansprechen, muss ich ihr einen Namen zuweisen, oder gibt es in JS eine Lösung mit der man ein voriges Bild wie bei history.back(-2); ansprechen??
Könnte das dann so aussehen?:
document.write('<img src=schatten.jpg height="10" width='+document.images(-1).width+'>');
Vielen Dank für Eure Tips!
Markus
-
Hallo Markus,
leider kann ich Dir auf Deine konkrete Frage, ob man die Breite und Höhe eines img auslesen kann, aus bloser Unwissenheit nicht antworten. Trotzdem fällt mir dabei etwas anderes ein, was Du bei Deinem Lösungsansatz beachten solltest und ich zwinge Dir jetzt einfach ungefragt mein Überlegung auf. (Bin heute im 9 mal Klug Rausch ;-) )
Wenn Du den Schatten mit Jpg abspeicherst hast Du immer diese Verlusrescheinungen. Wenn Du jetzt per Breitenangaben das Bild streckst, wird sich der "Fehler" im Bild vergrößern und der Schatten wird nicht mehr gut aussehen. Außerdem hat so ein Bild ja Schatten an zwei Rändern. (meistens unten und rechts...) Wenn Du eine Lösung für Deine Frage gefunden hast, versuche doch einmal folgende Lösung: "Klebe" per Tabelle (wie Dein Ansatz) um das Bild drei Schatten bilder, ungefähr so:
+------------------+
! +-+
! ! !
! ! !
! ! !
! ! !
!+-----------------+-+
! ! !
+-----------------+-+Unten rechts kommt die immer gleich große Ecke des Schattens. (Denn beim strecken würde diese ansonsten auch immer unterschiedlich groß werden und jedes Bild hätte einen unterschiedlich hohen Schatten...)
ganz rechts kommt ein Schatten-Bild, daß Du nur in der Höhe streckst. Unten kommt ein Schattenbild, das Du nur in der Länge streckst.
Wenn Du als "Schattenquelle" zum Beispiel für unten ein vier Pixel breites, und ein "wie-tief-der-Schatten-sein-soll" hohes Gif (!) nimmst, brauchst Du kaum Speicherplatz für das Bild und das Strecken fällt beim Gif nicht auf.
(Ach ja, da das untere Schattengif (als B.Sp.) ja nicht ganz links anfängt, empfielt sich einfach in diese untere Reihe/Zelle der Tabelle vor dem Schattengif einfach ein unsichtbares Gif in der gewünschten Einrücktiefe zu platzeieren. Wichtig dabei ist (hört sich jetzt etwas blöd an) das beide img in einer Quelltextreihe stehen, weil die Browser sonst di beiden Bilder nicht korekt aneinanderkleben...) oder noch besser, anstelle eines unsichtbares Gifs kommt dort jeweils ein "Schattenauslauf"-Bild hin. Am besten einmal mit einem guten Malprogramm einen Schatten kreieren, und dieses dann in "seine 5 Teile" zerlegen.
Chräcker
-
Hallo Markus,
leider kann ich Dir auf Deine konkrete Frage, ob man die Breite und Höhe eines img auslesen kann, aus bloser Unwissenheit nicht antworten. Trotzdem fällt mir dabei etwas anderes ein, was Du bei Deinem Lösungsansatz beachten solltest und ich zwinge Dir jetzt einfach ungefragt mein Überlegung auf. (Bin heute im 9 mal Klug Rausch ;-) )
Wenn Du den Schatten mit Jpg abspeicherst hast Du immer diese Verlusrescheinungen. Wenn Du jetzt per Breitenangaben das Bild streckst, wird sich der "Fehler" im Bild vergrößern und der Schatten wird nicht mehr gut aussehen. Außerdem hat so ein Bild ja Schatten an zwei Rändern. (meistens unten und rechts...) Wenn Du eine Lösung für Deine Frage gefunden hast, versuche doch einmal folgende Lösung: "Klebe" per Tabelle (wie Dein Ansatz) um das Bild drei Schatten bilder, ungefähr so:
+------------------+
! +-+
! ! !
! ! !
! ! !
! ! !
!+-----------------+-+
! ! !
+-----------------+-+Unten rechts kommt die immer gleich große Ecke des Schattens. (Denn beim strecken würde diese ansonsten auch immer unterschiedlich groß werden und jedes Bild hätte einen unterschiedlich hohen Schatten...)
ganz rechts kommt ein Schatten-Bild, daß Du nur in der Höhe streckst. Unten kommt ein Schattenbild, das Du nur in der Länge streckst.
Wenn Du als "Schattenquelle" zum Beispiel für unten ein vier Pixel breites, und ein "wie-tief-der-Schatten-sein-soll" hohes Gif (!) nimmst, brauchst Du kaum Speicherplatz für das Bild und das Strecken fällt beim Gif nicht auf.
(Ach ja, da das untere Schattengif (als B.Sp.) ja nicht ganz links anfängt, empfielt sich einfach in diese untere Reihe/Zelle der Tabelle vor dem Schattengif einfach ein unsichtbares Gif in der gewünschten Einrücktiefe zu platzeieren. Wichtig dabei ist (hört sich jetzt etwas blöd an) das beide img in einer Quelltextreihe stehen, weil die Browser sonst di beiden Bilder nicht korekt aneinanderkleben...) oder noch besser, anstelle eines unsichtbares Gifs kommt dort jeweils ein "Schattenauslauf"-Bild hin. Am besten einmal mit einem guten Malprogramm einen Schatten kreieren, und dieses dann in "seine 5 Teile" zerlegen.
Chräcker
So ne Lösung findest du auf meiner Website! Ich möchte aber, dass die Breite eines neuen Schattens der Grafik angepasst angepasst wird!
Das hast du wohl was falsch verstanden! Abgesehen davon: Danke für dein obigen "Roman"!-
Hallo!
Es ist nicht erwünscht, unnötigerweise das ganze Posting des Vorredners gequoted zu übernehmen.
Nur so zur Erinnerung, niemand braucht sich ge-chef-t zu fühlen.Grüße,
Bio
-
-