Es gibt drei Varianten unter
http://p10089516.pureserver.de/phorum-3 ... =336&t=295
oder hier:
Code: Alles auswählen
Name: Angepasstes Image Popup
Beschreibung: Automatisch angepasstes Image Popup von Jan
Input:
**leer**
Output:
?>
<script>
function bildexternbp(bildexternp,bildexternti,bildexternte)
{ var undefined;
if (bildexternte==undefined)
{bildexternte='';}
if (bildexternti==undefined)
{bildexternti='Bild';}
bildexternnw = window.open('', '','resizable=0');
with (bildexternnw)
{
document.open();
document.write('<title>'+bildexternti+'</title>');
document.write('<meta http-equiv=\"imagetoolbar\" content=\"no\">');
document.write('<body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\" scroll=\"no\" onload=\"opener.bildexternrez(document.images[0].width,document.images[0].height)\">')
document.write('<a href=\"javascript:self.close()\">');
document.write('<img src=\"'+bildexternp+'\" border=\"0\" alt=\"'+bildexternte+'\">')
document.close();
}
}
function bildexternrez(x,y)
{
if (navigator.appName == 'Microsoft Internet Explorer')
{bildexternnw.resizeTo(x+10,y+29);}
else
{
if(navigator.appVersion.substring(0,1) < "5")
{bildexternnw.resizeTo(x,y);}
else
{bildexternnw.resizeTo(x+8,y+28);}
}
bildexternx=(screen.availWidth/2)-(x/2);
bildexterny=(screen.availHeight/2)-(y/2);
bildexternnw.moveTo(bildexternx,bildexterny);
}
</script>
<?
echo "<a href=javascript:bildexternbp(\"CMS_IMG[1]\")>
<img border=0 src=\"CMS_IMG[1]\" width=70 height=70></a><br>CMS_IMGDESCR[1]";
Von Jose Rodriguez
habe mir erlaubt das Modul "konfigurierbar" zu machen.
D.h. sowohl die Größe des Thumbs als auch die Größe des Bildes können aus Contenido heraus angegeben werden.
Code: Alles auswählen
Name: Angepasstes Image Popup
Beschreibung: Konfiguriebares Image Popup
INPUT:
echo ("Größe vom Thumb<br>
breite <INPUT type=text name=\"CMS_VAR[1]\" value=\"CMS_VALUE[1]\" size=5><br>
höhe <INPUT type=text name=\"CMS_VAR[2]\" value=\"CMS_VALUE[2]\" size=5><br>
");
echo ("Größe vom Bild<br>
breite <INPUT type=text name=\"CMS_VAR[3]\" value=\"CMS_VALUE[3]\" size=5><br>
höhe <INPUT type=text name=\"CMS_VAR[4]\" value=\"CMS_VALUE[4]\" size=5><br>
");
OUTPUT:
$breite=CMS_VALUE[3];
$hoehe=CMS_VALUE[4];
?>
<script>
function bildexternbp(bildexternp,bildexternti,bildexternte)
{ var undefined;
if (bildexternte==undefined)
{bildexternte='';}
if (bildexternti==undefined)
{bildexternti='Bild';}
bildexternnw = window.open('', '','resizable=0');
with (bildexternnw)
{
document.open();
document.write('<title>'+bildexternti+'</title>');
document.write('<meta http-equiv=\"imagetoolbar\" content=\"no\">');
<?php
echo"
document.write('<body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\" scroll=\"no\" onload=\"opener.bildexternrez($breite,$hoehe)\">');
";
?>
document.write('<a href=\"javascript:self.close()\">');
document.write('<img src=\"'+bildexternp+'\" border=\"0\" alt=\"'+bildexternte+'\">');
document.close();
}
}
function bildexternrez(x,y)
{
if (navigator.appName == 'Microsoft Internet Explorer')
{bildexternnw.resizeTo(x+10,y+29);}
else
{
if(navigator.appVersion.substring(0,1) < "5")
{bildexternnw.resizeTo(x,y);}
else
{bildexternnw.resizeTo(x+8,y+28);}
}
bildexternx=(screen.availWidth/2)-(x/2);
bildexterny=(screen.availHeight/2)-(y/2);
bildexternnw.moveTo(bildexternx,bildexterny);
}
</script>
<?
echo "<a href=javascript:bildexternbp(\"CMS_IMG[1]\")>
<img border=0 src=\"CMS_IMG[1]\" width=CMS_VALUE[1] height=CMS_VALUE[2]></ a><br>CMS_IMGDESCR[1]";
Von Jose Rodriguez
Wenn man das Output wie folgt ändert, dann ist auch die Fenstergröße konfigurierbar:
Code: Alles auswählen
OUTPUT:
$breite=CMS_VALUE[3];
$hoehe=CMS_VALUE[4];
?>
<script>
function bildexternbp(bildexternp,bildexternti,bildexternte)
{ var undefined;
if (bildexternte==undefined)
{bildexternte='';}
if (bildexternti==undefined)
{bildexternti='Bild';}
bildexternnw = window.open('', '','resizable=0');
with (bildexternnw)
{
document.open();
document.write('<title>'+bildexternti+'</title>');
document.write('<meta http-equiv=\"imagetoolbar\" content=\"no\">');
<?php
echo"
document.write('<body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\" scroll=\"no\" onload=\"opener.bildexternrez($breite,$hoehe)\">');
";
?>
document.write('<a href=\"javascript:self.close()\">');
<?php
echo"
document.write('<img src=\"'+bildexternp+'\" width=$breite height=$hoehe border=\"0\" alt=\"'+bildexternte+'\">');
";
?>
document.close();
}
}
function bildexternrez(x,y)
{
if (navigator.appName == 'Microsoft Internet Explorer')
{bildexternnw.resizeTo(x+10,y+29);}
else
{
if(navigator.appVersion.substring(0,1) < "5")
{bildexternnw.resizeTo(x,y);}
else
{bildexternnw.resizeTo(x+8,y+28);}
}
bildexternx=(screen.availWidth/2)-(x/2);
bildexterny=(screen.availHeight/2)-(y/2);
bildexternnw.moveTo(bildexternx,bildexterny);
}
</script>
<?
echo "<a href=javascript:bildexternbp(\"CMS_IMG[1]\")>
<img border=0 src=\"CMS_IMG[1]\" width=CMS_VALUE[1] height=CMS_VALUE[2]></ a><br>CMS_IMGDESCR[1]";
Gruss ekke