Tweet
Hi Leute
Ich bin nicht ganz siche ob ich im richtigen Forum poste.
Ich arbeite an dem perfekten Bild Popupscript.
Ich habe lange gegoogelt abe nicht das "perfekte" script gefunden.
Nun habe ich mit all den Inputs selber etwas entwickelt, weiss aber nicht ob ich in eine Sackgasse gelangt bin oder ob das script brauchbar ist.
Ich bitte euch um mithilfe bei der Weiterentwicklung oder um Kritick.
Vielen Dank!
Gruss swsg
Anforderungen:
- muss auch ohne Javascript funktionieren
- automatische grösse
- positionierung im screen
- Titelleiste
- alt
- title
- rand ums Bild (4px)
Mein Ansatz:
[COLOR=red]javascript[/COLOR]
[COLOR=red]showimg.php[/COLOR]
[COLOR=red]Aufruf[/COLOR]
Ich bin nicht ganz siche ob ich im richtigen Forum poste.
Ich arbeite an dem perfekten Bild Popupscript.
Ich habe lange gegoogelt abe nicht das "perfekte" script gefunden.
Nun habe ich mit all den Inputs selber etwas entwickelt, weiss aber nicht ob ich in eine Sackgasse gelangt bin oder ob das script brauchbar ist.
Ich bitte euch um mithilfe bei der Weiterentwicklung oder um Kritick.
Vielen Dank!
Gruss swsg
Anforderungen:
- muss auch ohne Javascript funktionieren
- automatische grösse
- positionierung im screen
- Titelleiste
- alt
- title
- rand ums Bild (4px)
Mein Ansatz:
[COLOR=red]javascript[/COLOR]
PHP-Code:
<script language="JavaScript" type="text/javascript">
<!--
this.lw = 0;
this.lh = 0;
this.pop = null;
function openPic(src, ta, wi, hi,offset){
sw = screen.width;
sh = screen.height;
w = wi+8;
h = hi+8;
l = ((sw/3)-w/2)
t = (((sh*2)/(5))-h/2)
if( pop && !pop.closed) {
dx = w - lw;
dy = h - lh;
pop=window.open(src,ta,"width="+w+",height="+h+",top="+t+",
left="+l+",toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1");
pop.resizeBy(dx, dy);
}else{
pop=window.open(src,ta,"width="+w+",height="+h+",top="+t+",
left="+l +",toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1");
}
lw = w;
lh = h;
pop.focus();
}
--></script>
[COLOR=red]showimg.php[/COLOR]
PHP-Code:
<?php
//Parameter laden_________________________________________
// bild, width, height, border, alt, title, seitentitel
$par = explode ( '|', rawurldecode($_GET['img']) );
$title = $par[5]."\r\nschliessen mit click auf Bild ";
//html_________________________________________________
$html = ' <html><head><title>'.$par[6].'</title>';
$html .= '';
$html .= ' <style type="text/css"> ';
$html .= ' body {margin:4px;';
$html .= ' text-align : center; background-color:white;} ';
$html .= ' </style> ' ;
$html .= '</HEAD>';
$html .= '<body>';
$html .= '<a href="javascript:close();">';
$html .= '<img src="'.$par[0].'" width="'.$par[1].'" height="'.$par[2].'" ';
$html .= 'border="'.$par[3].'" title="'.$title.'" alt="'.$par[4].'" ></a>';
$html .= '</body> </html>';
echo $html;
?>
[COLOR=red]Aufruf[/COLOR]
PHP-Code:
<a href="showimg.php?
img=bilder/referenzen/voll/erker.jpg|382|500|0|fachwerk|Fachwerk|Strasse|" target="_blank"
onclick="openPic('showimg.php?img=bilder/referenzen/voll/erker.jpg|382|500|0|
fachwerk|Fachwerk|Strasse|', 'pop', 382, 500,0);return false">
<img src="./bilder/referenzen/vor/erker.jpg" width="385" height="500" border="0" alt="Erker"> </a>
Formulargenerator
Herkunftsstatistik
Kommentar