| |||||||
Du magst keine Werbung? Wir auch nicht!
Einfach registrieren und die Werbung ist weg. Diese Nachricht sehen nur nicht registrierte Nutzer.
 |
| | LinkBack | Themen-Optionen | Ansicht |
27-10-2008, 22:14
| #1 (permalink) |
| Gast
Beiträge: n/a
| Bildaten von externen Bildquellen
Hi zusammen, ich habe da mal eine kleine Frage, weil ich mir noch nicht so richtig vorstellen kann, wie ich rangehen muss/soll/kann. Ihr kennt sie ja alle - die BB Codes für Grafiken ... Ich lasse jetzt einen Thread nach diesem BBCode auslesen und das Bild anzeigen ... jetzt würde ich gerne auf die Bildmaße zugreifen, um das Bild zu verkleinern (proportional) ... das geht aber vermutlich nicht oder? LG & DANKE Tino |
 |
|
28-10-2008, 12:00
| #4 (permalink) |
| Inventar  Registriert seit: Jul 2002
Beiträge: 6.882
| HTML-Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" /> <title>Sayphillion - The beauty of combat</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> //<![CDATA[ $(document).ready( function(){ $('img').each( function(i){ height = $('img')[i].height; width = $('img')[i].width; if( width > 400 ){ $('img')[i].style.width = 400+"px"; }else if( height > 300 ){ $('img')[i].style.height = 300+"px"; } }); }); //]]> </script> </head> <body> <img src="http://www.kapstadt.org/images/articles/wal/wal-g5.jpg" alt="testimg" /> </body> </html>
__________________ (\__/) (='.'=) (")_(") |
| |
|
28-10-2008, 12:31
| #5 (permalink) |
| Gast
Beiträge: n/a
|
Hi ... ja mensch, das ist ja ein Service  Habe es soweit gestern schon gehabt ... ist nicht ganz so einfach gewesen, weil es sich um eine Thread- Vorschau für ein VBulletinForum handelt ... Funktioniert alles wunderbar, Probleme gibt es nur mit dem Ladestatus der Bilder ... Code: if (inputID_thread_thumbnails.width >= inputID_thread_thumbnails.height) {
thread_thumbnails_imgWidthNew = thread_thumbnails_maxWidth;
diff = ((thread_thumbnails_maxWidth* 100)/inputID_thread_thumbnails.width);
thread_thumbnails_imgHeightNew = ((inputID_thread_thumbnails.height * diff)/100);
} else if (inputID_thread_thumbnails.width < inputID_thread_thumbnails.height) {
thread_thumbnails_imgHeightNew = thread_thumbnails_maxHeight
diff = ((thread_thumbnails_maxHeight* 100)/inputID_thread_thumbnails.height);
thread_thumbnails_imgWidthNew = ((inputID_thread_thumbnails.width * diff)/100);
}
inputID_thread_thumbnails.width = thread_thumbnails_imgWidthNew;
inputID_thread_thumbnails.height = thread_thumbnails_imgHeightNew; Code: inputID_thread_thumbnails.onreadystatechange = function() {tuwas;}; )Doofe Frage noch hinterher: Wozu das $ in deinem Code? LG Tino |
| |
|
28-10-2008, 19:29
| #8 (permalink) |
| Inventar Registriert seit: Jul 2002
Beiträge: 6.882
|
Du musst aber zugeben dass meine Version deutlich übersichtlicher ist. Wenn du übrigens die Breite skalierst ist das Berechnen der Höhe überflüssig, da dies automatisch geschieht - und umgekehrt.
__________________ (\__/) (='.'=) (")_(") |
|
| |
|
| Lesezeichen |
| Themen-Optionen | |
| Ansicht | |
| |
|
Linear-Darstellung
