PHP - obrázky v pop-up oknách

Jednoduchý príklad ako dosiahnúť zobrazovanie obrázkov v pop-up oknách. Tento príklad bol testovaný vo všetkých dnešných prehliadačoch a zaručene funguje všade, takže sa ho nebojte použiť. Výhodou je, že obrázky sa zobrazujú rýchlo a bez žiadnych tlačidiel alebo nejakých iných funkcií prehliadača.

Na rôznych weboch ste si mohli všimnúť, že obrázky sa otvárajú v novom okne ale trochu iným spôsobom - v pop-up okne. Ako obyčajne aj teraz môžem len napísať, že to nie je žiadna veda. Všetko čo budeme potrebovať sú len 2 php skripty a jeden z nich bude využívať javascript. Ako prvé si vytvoríme nový súbor a nazveme ho show_image.php a bude obsahovať nasledujúci zdrojový kód:

<script type='text/javascript'>
function create_window (image, sirka, vyska) {
  sirka = sirka + 55;
  vyska = vyska + 80;
  if (window.popup_window && !window.popup_window.closed) {
    window.popup_window.resizeTo (sirka, vyska);
  }

  var window_parameters = "location=no, scrollbars=no, menubars=no, toolbars=no, 
  resizable=yes, left=0, top=0, width=" + sirka + ", height=" + vyska;
  var url = "image.php?image=" + image;
  popup_window = window.open(url, "images", window_parameters);
}
</script>

<p align="center">Zoznam obrázkov.</p>
<table align="center">
<tr>
<td align="center"><b>Obrázky</b></td>
</tr>

<?php
$image['01.jpg'] = 'Obrázok 1';
$image['02.gif'] = 'Obrázok 2';
$image['03.tif'] = 'Obrázok 3';
$image['04.png'] = 'Obrázok 4';
foreach ($image as $i => $c) {
  $image = getimagesize ('images/'. $i);
  echo " <tr><td><a href="javascript: create_window ('$i', $image[0], 
  $image[1])">$c</a></td></tr>";
}
?>
</table>

Javascript sme použili k vytvoreniu okna, ktorému sme zadali parametre tak, aby bolo okno z obrázkom bez stavového riadku, tlačidiel, vlastných tlačidiel prehliadača pod. Jednoducho javascript otvára nové okno. Obrázky sme uložili vo formátoch jpg, gif, tif a png do zložky images/. Cesta k obrázkom je dôležitá a obsahuje ju javascript aj PHP. V PHP sme vytvorili pole, ktorého prvky sú názvy obrázkov. Týchto polí môžeme vytvoriť koľko chceme. Po poliach nasleduje cyklus foreach, ktorý vypíše odkazy na otvorenie popup okien. Nezabudnite si vytvoriť zložku images/ a dať do nej obrázky, ktoré ste zadali do polí, pretože inak sa vám obrázky neotvoria. Ďalší PHP skript je image.php.

<?php
if (isset($_GET['image'])) {
  if ($image = getimagesize ('images/'. $_GET['image'])) {
    echo "<p align="center"><img src="images/{$_GET['image']}" border="2" 
  /></p>";
    echo "<p align="center"><a href="javascript:self.close();">Zavri 
  okno</a></p>";
  }
}

?>