Bilder einbinden

Beim Einbinden von Bildern in die Ergebnisseite ist zu beachten, dass es die verschiedenen Zielformate HTML (Bild muss über eine URL erreichbar sein) und PDF (Bild wird direkt in das Dokument eingebettet) gibt.

Um die korrekte Ausgabe kümmert sich die Hilfsfunktion ResolveImageUrlToLocalFile aus dem Erweiterungsobjekt iduCore, über welche die Quellangabe (URL/Pfad) immer in das korrekte Format konvertiert wird.

Beispiel - Einbinden einer Datei, welche im selben Verzeichnis wie die Transformationsdatei liegt (relativer Pfad):

<!--Ausgabe einer Bilddatei aus dem Ordner der XSLT-Datei-->        
<img>
  <xsl:attribute name="src">
    <xsl:value-of select="iduCore:ResolveImageUrlToLocalFile('idulogo.png')"/>
  </xsl:attribute>
</img>

<!--alternative Kurzschreibweise-->
<img src="{iduCore:ResolveImageUrlToLocalFile('idulogo.png')}" />

 

Soll eine Datei eingebunden werden, die per URL erreichbar ist, kann das auf selbe Weise geschehen.

Beispiel - Einbinden einer Datei, welche per URL erreichbar ist:

<!--Logo liegt als Datei im Projektverzeichnis-->
<img src="{iduCore:ResolveImageUrlToLocalFile('http://localhost:90/net3/project/logo.png')}" />

Auch hier kümmert sich die Funktion ResolveImageUrlToLocalFile gegebenenfalls um eine nötige Konvertierung.

Hinweis: Es ist sinnvoll, die Korrektheit der URL vorher durch direkten Aufruf im Browser zu prüfen.

Hinweis: Wollen Sie Dateien so ablegen, dass diese über eine cardo-ULR erreichbar sind, dann müssen diese unterhalb des Verzeichnisses 'IISVirtualDir' im Projektverzeichnis liegen, denn dieses Verzeichnis ist als Virtuelles Verzeichnis im Webserver eingebunden und über die URL http://<IhrCardo>/project/.. erreichbar.

Ähnlich können Bilder in CSS-Regeln eingebunden werden. Nachfolgend ein Beispiel für die Verwendung einer Bilddatei aus dem Order der Transformationsdatei:

<style type="text/css">
    #buttontable-header {
    height: 55px;
    background-image: url(<xsl:value-of select="iduCore:ResolveImageUrlToLocalFile('idulogo.png')" />);
    }
</style>

Wichtig: Verwenden Sie innerhalb der CSS-Definition XSLT-Anweisungen, dürfen Sie die CSS-Definition nicht in einen CDATA-Block einschließen, sonst werden die XSLT-Anweisungen nicht ausgewertet.