Hallo,
hier ein Codebeispiel:
Wir brauchen zunächst eine JavaScript Funktion, die das Fenster öffnet:
<script language="JavaScript">
function PopUp(w,h,url) {
h = h - 20; var x=0, y=0, parameter="";
if (w < screen.availWidth || h < screen.availHeight) {
x = (screen.availWidth - w - 12) / 2;
y = (screen.availHeight - h - 104) / 2;
if (window.opera) y = 0; // Opera positioniert unter den Symbolleisten
if (x<0 || y<0) { x=0; y=0; }
else parameter = "width=" + w + ",height=" + h + ",";
}
parameter += "left=" + x + ",top=" + y;
parameter += ",menubar=no,location=yes,toolbar=no,status=no";
parameter += ",resizable=yes,scrollbars=yes";
var Fenster = window.open(url,"PopUp",parameter);
if (Fenster) Fenster.focus();
return !Fenster;
}
</script>
Dann brauchen wir die URL für das Bild. Diese können wir mit Hilfe von SSP ermitteln.
Angenommen wir wollen das Detailbild in einem PopUp darstellen.
<!--spmacro:module(detail)
sub dbild {
my $img = ssp::get_var_article('xdimage'); # oder z.B. ssp::get_var_article('BILD3');
my $url =$ssp::catalog_abs . '/' . $img; # Url zusammenbasteln
main::mprint($url);
}
-->
Beide Codeabschnitte sind irgendwo im Kopfbereich der Detailvorlage eines Artikels einzufügen.
Der Aufruf des PopUp Fensters wird über eine Link mit Icon oder Text gemacht.
<a href="#" onclick="return PopUp(400,400,'__detail::dbild__')"> Lupe </a>
Natürlich kann man für das Popup auch ein Bild aus einem benutzerdefiniertem Feld
nehmen (z.B. BILD3).
Ist ungetest, deshalb kann ich Tippfehler nicht ausschließen.