bild url an externe javascript Datei übergeben
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ablegen
angeben
automatisch url
bestes beispiel
bild
code
dank
definition
funktion
funktionieren
index
jemand
null
quick tag
rufen
setzen
tag
teddy
tun
url
-
Obwohl java zu den Grundlagen gehört hab ich mich nie näher damit befasst bis jetzt... Und stoße direkt vor das erste Problem, welches Google mir nicht zu lösen vermag.
Ich hab ein tag/bild">Bild
<img src="source.bla" alt="" width="" height"">
und eine javascript datei im head
<script type="text/javascript" src="javascript.js"></script>
Jetzt soll bei onload() die Höhe und Breite an die javascript Datei übergeben werden in die funktion image1()
Wie mache ich das? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hallo,
rufe einfach mit der Onload Funktion deine image1() Funktion auf.
In der Funktion frägst du dann die Höhe und Breite deines Bildes ab.
An das Bild kommst du am einfachsten über die ID.
Bspw:
<img src="einBild.jpg" alt="einBild" id="image1">
Mit Javascript greifst du dann so drauf zu:
einBild = document.getElementByID('image1');
Ich schätze mal, dass man an die Höhe dann über:
einBild.offsetHeight kommt
bzw an die Breite mit:
einBild.offsetWidth
Falls das nicht funktionieren sollte, gibt es ja noch Google :) -
sneppa schrieb:
Hallo,
rufe einfach mit der Onload Funktion deine image1() Funktion auf.
In der Funktion frägst du dann die Höhe und Breite deines Bildes ab.
An das Bild kommst du am einfachsten über die ID.
Bspw:
<img src="einBild.jpg" alt="einBild" id="image1">
Mit Javascript greifst du dann so drauf zu:
einBild = document.getElementByID('image1');
Ich schätze mal, dass man an die Höhe dann über:
einBild.offsetHeight kommt
bzw an die Breite mit:
einBild.offsetWidth
Falls das nicht funktionieren sollte, gibt es ja noch Google :)
Danke soweit...
Ich hab grad mal folgendes probiert, um den ganzen img-tag zu übergeben:
<img src="einBild.bla" alt="" onload="image1(this.value)">
Meine Funktion demnach angepasst:
image1(img){ var img }
dann mal ausgegeben, um zu schauen ob es funktioniert:
document.write(img);
die Ausgabe ist allerdings null, also es wird nichts angezeigt... (Hab dann vorher auch die Funktion aufgerufen)<script type="text/javascript">image1()</script>
Beitrag zuletzt geändert: 23.2.2012 13:36:25 von kill-a-teddy -
Was hat jetzt dein Beitrag mit meinem Post zu tun?
Nicht wirklich viel, wie dem auch sei...
Die Übergabe des Bildes zur Funktion ist natürlich auch eine Möglichkeit.
Eine Value hat der Tag img nicht, also ist die auch null!
<html> <head> <script type="text/javascript">function imgfunc(i) {alert('Höhe: ' + i.offsetHeight + ' - Breite: '+i.offsetWidth)}</script> </head> <body> <img src="test.jpg" onload="imgfunc(this)"> </body> </html>
Und natürlich kannst du deinen Javascriptcode auch in eine externe JS ablegen.
Beitrag zuletzt geändert: 23.2.2012 13:50:06 von sneppa -
sneppa schrieb:
Was hat jetzt dein Beitrag mit meinem Post zu tun?
Nicht wirklich viel, wie dem auch sei...
Die Übergabe des Bildes zur Funktion ist natürlich auch eine Möglichkeit.
Eine Value hat der Tag img nicht, also ist die auch null!
<html> <head> <script type="text/javascript">function imgfunc(i) {alert('Höhe: ' + i.offsetHeight + ' - Breite: '+i.offsetWidth)}</script> </head> <body> <img src="test.jpg" onload="imgfunc(this)"> </body> </html>
Und natürlich kannst du deinen Javascriptcode auch in eine externe JS ablegen.
Das funktioniert schon :P
Ich will jetzt nur noch die src aus dem image in eine variable speichern... -
Wie wäre es mit
<script type="text/javascript">function imgfunc(i) {alert('SRC: ' + i.src)}</script>
-
sneppa schrieb:
Wie wäre es mit
<script type="text/javascript">function imgfunc(i) {alert('SRC: ' + i.src)}</script>
Danke das hab ich gebraucht. :) Hab es jetzt zu testzwecken so:
<html> <head> <script type="text/javascript">function imgfunc(i,url) {alert('Höhe: ' + i.offsetHeight + ' - Breite: '+i.offsetWidth) document.write('<img src="'); document.write(url); document.write('">');}</script> </head> <body> <img src="test.jpg" onload="imgfunc(this,src)"> </body> </html>
Ist zwar absolut sinnlos aber funktioniert :D Ist ja auch nur ein test :P -
sneppa schrieb:
Was hast du eigentlich genau vor?
Sieht mir doch ein bisschen durchwuchert aus :D
Okay via einem eigenen Quick-Tag soll ein code erzeugt werden, welcher 2 Bilder in mehrere Div's schreibt...
Zum Beispiel soll jemand
<flip> <img 1 bla bla bla> <img 2 bla bla bla> </flip>
schreiben und dann wird automatisch dieser Effekt erzeugt.
Zusätzlich dazu schreibt eine andere Funktion die Höhe und Breite in den css code und schreibt diesen in den <head> bereicht...
Aka kurz gesagt: Ein Plug-In :) -
Dann ändere doch in der Funktion das SRC Attribut?
Das mit dem Write finde ich ziemlich hässlich.
So wie du dein i.src abrufst kannst du es auch setzen:
i.src = 'blablubb.jpg'; -
kill-a-teddy schrieb:
sneppa schrieb:
Was hast du eigentlich genau vor?
Sieht mir doch ein bisschen durchwuchert aus :D
Okay via einem eigenen Quick-Tag soll ein code erzeugt werden, welcher 2 Bilder in mehrere Div's schreibt...
Zum Beispiel soll jemand
<flip> <img 1 bla bla bla> <img 2 bla bla bla> </flip>
schreiben und dann wird automatisch dieser Effekt erzeugt.
Zusätzlich dazu schreibt eine andere Funktion die Höhe und Breite in den css code und schreibt diesen in den <head> bereicht...
Aka kurz gesagt: Ein Plug-In :)
dir ist aber schon klar das der Tag FLIP nicht offizell exestiert oder? dann müsstest du auch die DOCTYPE neu bzw. die definition mit angeben.
Bestes beispiel ist Facebook ;) mit ihren eigenen Tags...
Beitrag zuletzt geändert: 23.2.2012 14:48:22 von dexus85 -
sneppa schrieb:
Dann ändere doch in der Funktion das SRC Attribut?
Das mit dem Write finde ich ziemlich hässlich.
So wie du dein i.src abrufst kannst du es auch setzen:
i.src = 'blablubb.jpg';
Geht leider nicht, weil der Code am Ende zwei Bilder beinhalten soll, deshalb bleibt mir nur das document.write()
dexus85 schrieb:
dir ist aber schon klar das der Tag FLIP nicht offizell exestiert oder? dann müsstest du auch die DOCTYPE neu bzw. die definition mit angeben.
Bestes beispiel ist Facebook ;) mit ihren eigenen Tags...
php preg_match ;) -
kill-a-teddy schrieb:
php preg_match ;)
haha :D Willst du das öffentlich anbieten? Dann wäre es mit preg_match nicht getan... schließlich hat nicht jeder PHP auf seiner Webseite.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage