webmaster webmastering webdesign

Jesteś tutaj: webmade.org >> porady >> javascript

Rozmiar pop-up-u dostosowany do rozmiaru grafiki

autor: Patryk 'yarpo' Jar, ostatnia modyfikacja: 2007-02-18

szukaj: pop-up pop-up pop-up dostosowany do grafiki pop-up dostosowany do grafiki js js javascript javascript

Skrypt może się przydać, kiedy masz miniaturkę grafiki i chciałbyś dać możliwość otworzenia tego obrazka w nowym oknie. Jednak często naturalne wymiary pliku graficznego są mniejsze niż całe okno przeglądarki. Dlaczego więc nie otwierać okna o dokładnie określonych wymiarach?

<!-- DOCTYPE -->
<html>
<!-- metatagi -->
<head>
<script type="text/javascript" >
function pokazGrafike(url) {
   var a = new Image();
   a.src = url;
   var szerokosc = a.width+10;
   var wysokosc = a.height+10;
     window.open(url,"grafika",'width=' + szerokosc + ',height=' + wysokosc + ',resizable=0, scrollbars=no,menubar=no, scrolling=no' );
}
</script >
</head>
<body>
 <a href="javascript: pokazGrafike('źródło_pliku_graficznego.gif')">Link</a>
</body>
</html>

Krótki opis. w sekcji head mamy funkcje JS. Pobiera ona 1 parametr - url pliku graficznego. Następnie tworzy ona odpowiednie wymiary okna [odczytując wymiary grafiki i dodając 10px]. Na koniec otwiera okienko pop-up o odpowiednich rozmiarach.

Patryk 'yarpo' Jar

Osoby czytające tę publikację przeglądały również:

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!

 

valid XHTML
valid CSS
© 2004-2008 copyright by webmade.org