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>