Bildgröße verändern mit unbekannten Befehlen?!
Ericsson
- html
Hallo,
ich habe folgende Aufgabe zu lösen:
Im unteren Quelltext einer .html sind gewisse "Marker" gesetzt, die sich im Typoscript einer bestimmten Datei befinden.
Das gewisse Augenmerk liegt in diesem Falle auf dem Marker ###media###.
Der Marker ###media### setzt an seine Stelle ein Bild, welches zuvor hochgeladen wurde.
Dieser Auszug des Quelltextes ist das Ergebnis einer Suche auf einer Seite.
Die Bilder, welche hochgeladen wurden, sind recht groß (640x480), sollen aber im Suchergebnis klein (130x97)erscheinen, was auch Sinn macht, wenn es um die Übersichtlichkeit geht.
Und jetzt die eigentlich Frage:
Wie stelle ich es am Besten an, die Bildgröße zu erzwingen, das dieses Bild eben nur so groß erscheint, wie ich es ihm "sage"?
In "einfachem" html bekomme ich es mit den Attributen "width" und "height" hin, aber hier habe ich echt meine Probleme, da der Marker kein "normales img src" ist.
<div class="subcategory_product_image">
<a href="###typolink###">###media###</a>
</div>
<div class="subcategory_product_description">
<h4><a href="###typolink###">###title###</a></h4>
<h5>###subtitle###</h5>
<p>###abstract###</p>
<p class="subcategory_product_details"><img src="fileadmin/templates/pi2/red_arrow.gif" alt="Klicken Sie auf weiter"/> <a href="###typolink###">###details###</a></p>
</div>
<hr/>
Gruß, Ericsson
Du kannst es mit PHP Skallieren
schau mal hier: http://hoffmann.bplaced.net/hilfe.php?me=php&in=bildskalieren
Du kannst es mit PHP Skallieren
schau mal hier: http://hoffmann.bplaced.net/hilfe.php?me=php&in=bildskalieren
Vielen Dank für diese dataillierte Beschreibung, ich habe auch versucht alles einzubinden, ging natürlich nicht, dann in Teilen zu verwenden ... aber es hat nicht geklappt, was nicht heissen soll, das der Code nicht funktioniert, als eher zeigen soll, das ich entweder zu doof oder zu unerfahren bin :-/
Vielleicht habe ich ihn auch nur an die falsche Stelle gesetzt?
Ich weiss es nicht ...
Ich habe es an DIESER STELLE... eingesetzt:
DIESER STELLE...
<div class="subcategory_product">
<div class="subcategory_product_image">
<a href="###typolink###">###media###</a>
</div>
<div class="subcategory_product_description">
<h4><a href="###typolink###">###title###</a></h4>
<h4>###subtitle###</h4>
<p>###abstract###</p>
<p class="subcategory_product_details"><img src="fileadmin/templates/pi2/red_arrow.gif" alt="Klicken Sie auf weiter"/> <a href="###typolink###">###details###</a></p>
</div>
<hr/>
</div>
<!--###BASE_TEMPLATE_ABSTRACT###-->