Centrare orizzontalmente uno script full width

[simodecca86]

Ciao a tutti, sto mettendo le mani su un vecchio sito che presenta in home page uno slidershow in js.
Lo slider occupa tutta la larghezza della pagina ma, non essendo il sito di tipo responsive, quando restringo la finestra l'immagine mi viene brutalmente tagliata (com'è normale che sia).

Esiste un modo, pur non rendendolo responsive, di mantenere comunque l'immagine centrata?
Per capirci: se ora ho un'immagine con al centro una palla e ai lati due alberi, se restringo la finestra a 1/3 della sua reale dimensione, vedrò l'albero di sinistra (perdendo albero di destra e palla..) ecco mi è stato chiesto di fare in modo che l'immagine resti sempre centrata, ossia (nel caso dell'immagine sopra descritta) che restringendo ad esempio la finestra ad 1/3, vengano "mangiati" gli alberi laterali e venga visualizzata la palla... si può fare? Come? o devo mettere mani al codice js (che tra le altre cose mastico poco)?

Vi lascio l'attuale codice presente in home..

<div id="background_slider" style="display: block;"><script type="text/js">
  <img class="active" alt="Img1" src="img/bkg_1.jpg" style="display: block; z-index: 3;">
  <img class="" alt="Img2" src="img/bkg_2.jpg" style="z-index: 1; display: block;">
  <img class="" alt="Img3" src="img/bkg_3.jpg" style="z-index: 1; display: block;">
</div>

...e il css relativo al background_slider

#background_slider {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

e grazie in anticipo a tutti!

[tampertools]

#background_slider {
    // ... ... ...
    margin: auto;
    // ... ... ...
}

#background_slider img {
    width: 100%;
}

Dovrebbe andare

[simodecca86]

Ciao, purtroppo con l'istruzione width: 100% l'immagine occupa per intero lo spazio a sua disposizione, senza "scorrere" ai bordi come vorrei (l'immagine viene deformata e strechata se restringo la finestra)..

[carlomarangoni]

Prova così

#background_slider {
    margin: 0 auto;
    padding: 0;
    top: 0;
    width: 100%;
    z-index: -1;

[Prill]

Esiste un modo, pur non rendendolo responsive, di mantenere comunque l'immagine centrata?

dunque mentre il div avrà larghezza pari al 100% l'immagine avrà invece dimensioni fisse (che sono note) ?
Se è così:

#background_slider #imgAlberoPalla {
display:block;
position:absolute;
left:50%; margin-left:-totpx
}

dove al posto di tot in margin-left andrà un valore pari a metà della larghezza dell'immagine. In questo caso il taglio interesserà le aree laterali