Obraz wystaje poza stronę.

[Lawliet]

W swoim szablonie zastosowałem opcję "losowej zmiany tła" (w tym przypadku headera). Obraz zmienia się co odświeżenie strony, ale żeby pasował do każdego użytkownika, a raczej rozdzielczości przez niego używanej, wgrałem obrazy o szerokości 1920px.

 

Niestety pomimo tego, że na niższych rozdzielczościach nie pojawia się pasek przewijania w prawo (spowodowane zbyt dużą szerokością w stosunku do zbyt niskiej rozdzielczości), to po pociągnięciu myszką w prawo strona się przewija.

 

 

Co zrobić, żeby zbyt szerokie obrazy "skalowały" się do rozdzielczości używanej przez odbiorcę? Chcę, by były odpowiednio ucinane, żeby nie wystawały poza stronę. Poniżej zamieszczam kod java'scriptu odpowiedzialnego za wyświetlanie losowych obrazów.

 

<script type="text/javascript">
        <!-- Begin
        // Set up the image files to be used.
        var theImages = new Array() // nie zmieniaj tu nic!
        
        theImages[0] = '{$this->settings['img_url']}/1.png'
        theImages[1] = '{$this->settings['img_url']}/2.png'
        theImages[2] = '{$this->settings['img_url']}/3.png'
        
        var j = 0
        var p = theImages.length;
        var preBuffer = new Array()
        for (i = 0; i < p; i++){
           preBuffer[i] = new Image()
           preBuffer[i].src = theImages[i]
        }
        var whichImage = Math.round(Math.random()*(p-1));
        function showImage(){
        document.write('<img src="'+theImages[whichImage]+'">');
        }

        //  End -->
        </script>

Edytowane 13 Stycznia 2013 przez Lawliet

[Gość ratosluaf]

overflow: hidden.

[Lawliet]

W tym przypadku, to nic nie pomoże.

Zresztą kod nie jest objęty w żaden div, więc do czego mam to przypisać? Próbowałem do body "overflow-x: hidden", ale to nie przynosi żadnych efektów. Próbowałem objąć kod skryptu w div i temu divovi przypisać overflow, ale skutek też nie jest widoczny.

Edytowane 13 Stycznia 2013 przez Lawliet

[Lawliet]

Nikt nie ma pomysłu? Nie mamy tutaj specjalistów od javy?

[Gość ratosluaf]

Mógłbym prosić o link do strony, albo coś?

[Macsch15]

Nikt nie ma pomysłu? Nie mamy tutaj specjalistów od javy?

JavaScript !== Java

 

Spróbuj: http://stackoverflow.com/questions/4296012/hide-div-if-screen-is-smaller-than-1024

[Lawliet]

Ten kod o ile się nie mylę ukrywa wystającą część w przypadku, kiedy obraz ten jest większy niż podana szerokość, ale tutaj chodzi o rozdzielczość używaną przez innych. Jeden używa 1024px, drugi używa 1980px.

[OmegaOne]

Na rudym szczurku wygląda ok, nic nie wystaje.

[Lawliet]

Na rudym szczurku wygląda ok, nic nie wystaje.

Wiem o tym, wiem, ale niestety zagranicą częściej używają Chrome, a ta przeglądarka już taka inteligentna nie jest.