[JS] Galeria w JS, dziwny problem z alertem i wyświetlaniem obrazków Opcje

[Koniczynka]

Witajcie,

Kombinuję i kombinuję, a efektów nie widać. Napisałem skrypt do obsługi galerii zdjęć. W jednej z jego części sprawdza on rozmiar obrazka i jeżeli jest on większy od okna, to umieszcza on jego miniaturę. Oto kod:

[HTML] pobierz, plaintext 
var OTWORZ = 'LINK DO OTWARCIA PLIKU' + OBRAZ;
                          var rozmiar = document.body.scrollWidth;
                            var rozmiar2 = document.body.scrollHeight;
                            var wysokn = window.innerHeight;   // wysokość okna
                            var szeokn = window.innerWidth; // szerokość okna
 
                                 /*OBRAZEK
                                 ///////////
                                 ///////////
                                 ////////////
                                 */
                  var obraz01 = new Image()
                  obraz01.src = OTWARCIE;
 
                  var wysobr = obraz01.height;
                  var szeobr = obraz01.width;  
                           alert(obraz01.width);
                           alert(obraz01.height);     
 
                                      var licz = (screen.height)/(obraz01.height/2);
                                      var licz2 = screen.width/4; 
 
      if ((obraz01.width > screen.width || obraz01.height > screen.height) || (licz == 'Infinity' ))
                                       {
                                       var marginlewy = 20;
                                       var OTWORZ = 'LINK DO OTWARCIA PLIKU Z OKREŚLENIEM MINIATURY' + OBRAZ;                                 var liczba = 400;
                                       }
                                       else  
                                       {
                                       var marginlewy = licz3;
                                       var OTWORZ = 'LINK DO OTWARCIA PLIKU' + OBRAZ;                                 var liczba = obraz01.width;
                                       }
 
          var licz3 = (screen.width - obraz01.width)/2; 
          var divsrodek = document.getElementById('wysrod');
          var klasa = 'width:' + liczba + 'px; margin: 0px auto;';
          var divsrodek = document.getElementById('wysrod');
          divsrodek.setAttribute('style' , 'width:' + liczba + 'px; margin: 0px auto;');
 
          divsrodek.innerHTML = '<div style="width:' + 'px; margin: 0px auto;">' + '<img src="' + OTWORZ + '" style="border: 6px solid #FFFFFF;'  + 'px;"  class="bezob"  />' + '</div>';
[HTML] pobierz, plaintext 

I dziwne zachowanie polega na tym, że jak zostawiam dwa alerty z rozmiarami obrazka, obrazek wyświetla się według zasad pętli if. Kiedy jednak je usuwam, za każdym razem wstawia miniaturki (nawet jak obrazek jest mniejszy od rozdzielczości monitora). Próbowałem podstawiać inne zmienne do pętli (wysobr i szeobr), umieszczać w niej wyniki odejmowania rozmiaru monitora od obrazka i nic.

Miał ktoś z Was podobny problem i wie, jak można temu zaradzić? Jeśli nie, to będę wdzięczny za każdą sugestię.

Pozdrawiam.

[lord_t]

A co to są "OBRAZ" i "OTWARCIE"? Podaj jak są definiowane.