Maximale Bild-Größe begrenzen

[sunshineh]

Hallo,
wenn ich mein Bild so einfüge, kann ich die Weite des eingefügten Bildes beschränken
<img width="'.$a['size'].'" src="'.$img1.'" class="imageWidth" /></a>';
und so die maximale Höhe:
<img height="'.$a['size'].'" src="'.$img1.'" class="imageWidth" /></a>';

Aber wie mache ich es, wenn ich -egal ob das Bild hochformat oder querformat ist- ich die max. Höhe bzw. Weite beschränken möchte??

 

[Tronjer]

Mit CSS?

 

[sunshineh]

Wollte ich vermeiden. Gibt es eine Möglichkeit, die Höhe und Breite des Bildes in der Variablen $img.1 abzufragen?

 

[Tronjer]

Ja sicher. Zumindest clientseitig mit JavaScript.

 

[djheke]

Sakliere deine Bilder vorher auf die maximale Größe. Der Rest ist, wie Tronjer schon schrieb, CSS

 

[sunshineh]

Ich kenn mich mit CSS nicht so gut aus :-(

Könnt ihr mir hier ein Beispiel zeigen?

 

[sunshineh]

OK, ich glaub ich krieg das hier ohne CSS hin...

Aber an dieser Stelle hier bleibe ich noch stecken:
$content .= '<div style="text-align:'.$a['align'].'">';
$content .= '<a href="'.$img_link.'" target="_blank" rel="nofollow"><img width="'.$a['size'].'" src="'.$img1.'" class="imageWidth" /></a>';

Die Variable $a['align'] enthält den Wert "center" und ich kann auch mit firebug beobachten, dass der Wert "center" eingetragen ist. Dennoch ist das Bild im Artikel am linken Rand. Warum?

 

[Tronjer]

Weil das Div ein Blockelement ist. Bevor du jetzt weitere Fragen dieser Art stellst, eigne dir CSS-Grundlagen an. Das kann dir dieses Forum nicht abnehmen.

 

[sunshineh]

OK, ich habe nun je nachdem was in der Variable $a['align'] steht die Klasse "imageWidth" durch
-"imageLeft"
-"imageCenter"
-"imageRight"
ersetzt (das sehe ich auch mit Firebug, dass dies so passt)

Nun einen Ordner css mit der Datei style.css im Plugin-Ordner erstellt

Meine Style.css sieht so aus:

.imageCenter {
width: 100%;
margin: 0 auto;

}

.imageLeft {
width: 100%;
margin: 0 0;
}

.imageRight{
width: 100%;
margin: 0 0 0 auto;
}

Leider sieht mein Plugin die Zuordnung zu dem CSS Code nicht. Wie muss ich sagen, wo er den CSS-Code suchen muss?

 

[Tronjer]

Hat dein Plugin keine eigene CSS Datei? Ansonsten kannst du es auch in ein Style-Tag im Head verpacken.

 

[sunshineh]

Nein hab ich nicht. Wie würde es im Style-Tag aussehen?

 

[Tronjer]

http://lmgtfy.com/?q=CSS+style-tag+head

 

[sunshineh]

Danke, aber ich stell mich grad vielleicht wirklich etwas blöd :-(
Kannst du mir nicht ein konkretes Beispiel geben?

 

[Tronjer]

http://wiki.selfhtml.org/wiki/CSS/Einbindung#Formate_zentral_in_einem_style-Element_festlegen