Beispiel der fertigen Ansicht
Screenshot im Edit-Modus
Vor der Bildauswahl
Nach der Bildauswahl
Beschreibung
Mit diesem Modul erzeugt man ein anklickbares Thumbnail eines in der Mediendatenbank abgelegten Images. Das gewünschte Bild wird in der MD in "voller Schönheit", d.h. in der Originalauflösung abgelegt. Das Flexmodul berechnet selbstständig ein Thumbnail (Kleinansicht) des Bildes und platziert dies im Dokument. Darunter wird automatisch das Attribut Name des Bildes aus der Mediendatenbank angezeigt. Klickt man auf das Thumbnail, so öffnet sich ein neues Fenster in den Ausmaßen des Originalbildes und zeigt sies, sofern es komplett auf den Bildschirm passt, in der Originalgröße an.
Verwendung
Zunächst erhält man ein "broken image Symbol", solange noch keine Bildauswahl getroffen wurde. Wenn man das Bild ausgewählt hat, wird es als Kleinstbild wie in der Mediendatenbank angezeigt, bei späteren Editiervorgängen am Dokument in der Größe, in der es durch das Flexmodul berechnet wurde. Dies liegt an der im Flexmodul fest eingestellten Größe der Returnsize. Im unten stehenden Beispielquelltext ist die Returnsize auf 150x0 gesetzt, d.h. das berechnete Thumbnail hat die Breite von 150 Pixeln, die Höhe berechnet sich abhängig von der Origianlbildgröße. Das Seitenverhältnis des Thumbnails bleibt wie im Original.
Quelltext
Bitte beachten Sie, dass hier zur besseren Lesbarkeit Zeilenumbrüche eingefügt sind, die im Original nicht existieren dürfen. Der Javascript-Aufruf und das Select-Statement zur Auswahl der Ausrichtung müssen in einer Zeile stehen.
# AUTHOR: Volkmar Rudolph
# DESCRIPTION: Anklickbares Thumbnail
# INVALIDCODES: 1
# VALIDCODES: 2
int $ueberbreite;
int $ueberhoehe;
my $flexID = $params->{flex_id};
my $flexIndex = $params->{flex_index};
$Idx=$flexIndex."_".$flexID;
$new = "<INPUT NAME=\"IMPERIA:object\" TYPE=\"HIDDEN\">";
if ($mode eq 'EDIT') {
$new .= "<IMG SRC=\"<!--XX-FLEX-object-->\" BORDER=\"0\" ALIGN=\"MIDDLE\" NAME=\"IMPERIA:label\">";
$new .= "<INPUT NAME=\"IMPERIA:name\" TYPE=\"HIDDEN\">";
$new .= "<INPUT NAME=\"IMPERIA:quelle\" TYPE=\"HIDDEN\">";
$new .= "<INPUT NAME=\"IMPERIA:icon\" TYPE=\"HIDDEN\">";
$new .= "<INPUT NAME=\"IMPERIA:breite\" TYPE=\"HIDDEN\">";
$new .= "<INPUT NAME=\"IMPERIA:hoehe\" TYPE=\"HIDDEN\">";
$new .= "<br><a href=\"javascript: var win=open(\'/cgi-bin/site_md.pl?OBJURL-object-
RETURNSIZE-150x0-PREVFILE-icon-PREVSRC-label-NAME-name-ORIGURL-quelle-
XRES-breite-YRES-hoehe\',\'test\',\'toolbar=no,width=700,height=475,directories=no,
status=yes,scrollbars=false,resizable=1,menubar=no,location=no,copyhistory=no\');win.focus()\">";
$new .= "Bild auswählen</a> Ausrichtung:";
$new .= "<SELECT NAME=\"IMPERIA:IMGALIGN\"><OPTION VALUE=\"LEFT\">Links</OPTION>
<OPTION VALUE=\"CENTER\">Zentriert</OPTION>
<OPTION VALUE=\"RIGHT\">Rechts</OPTION></SELECT>";
}
else {
$new .= "<p align=\"<!--XX-FLEX-IMGALIGN-->\">";
$ueberbreite = $metainfo->getValues("breite_$Idx")+18;
$ueberhoehe = $metainfo->getValues("hoehe_$Idx")+18;
$windowname = "Fenster_$Idx";
$new .= "<table><tr><td align=center>";
$new .= "<a href=\"\#\" target=\"$windowname\" title=\"<!--XX-FLEX-name-->\"
onClick=\"window.open(\'http://www.rz.rub.de<!--XX-FLEX-quelle-->\',\'$windowname\',
\'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,
resizable=yes,width=$ueberbreite,height=$ueberhoehe,left=120,top=80\');
return false; \"><img src=\"<!--XX-FLEX-object-->\" border=\"0\"></a>";
$new .= "<br><b><!--XX-FLEX-name--><a href=\"<!--XX-FLEX-quelle-->\">.</a></b></td></tr></table>";
$new .= "</p>";
}
