[CSS] wyśrodkowanie, zablokowanie zmiany wielkości zdjęcia niezależnie od zmiany szerokości okna Opcje

[1q2w3e4r]

Witam

Mam plugin, który wstawia zdjęcia do strony w <img />
Gdyby to było tło to bym w css zrobił tak: background: url(images/zdjecie.jpg) center; i by było ok. Zdjęcie było by zawsze wyśrodkowane niezależnie od przeglądarki i nie zmieniało by rozmiaru do szerokości okna. Tylko tutaj jest to wstawione jaki img i czy jest możliwość zrobienia podobnego efektu za pomocą CSS bez modyfikacji tego pluginu?

Próbowałem tak:

Kod

.custom img {
    background-position:center;
    text-align: center;
    width: 1680px;
    margin: 0 auto;
}

ale nie działa. Jakieś pomysły?

Ten post edytował 1q2w3e4r 16.07.2014, 09:58:51

[1q2w3e4r]

Dzięki. Faktycznie, zapomniałem w przykładzie dodać diva.
Pojawia się jeszcze jeden problem ale na jsfiddle.net nie da się tego pokazać. Chcę żeby zdjęcie zawsze miało oryginalne rozmiary. Następnie zależy mi również na tym aby ta czerwona kreska zawsze była na środku niezależnie od rozdzielczości przeglądarki.
Chcę aby to:

Kod

http://xdd.pl/test/16/2.html

Działało tak samo jak to:

Kod

http://xdd.pl/test/16/1.html

Czyli zmieniając szerokość okna przeglądarki samo zdjęcie cały czas zachowuje oryginalne rozmiary i zawsze jest na środku (linia kontrolna czerwona).


Podsumowując potrzeba coś co zatrzyma dopasowywanie do podanego przez plugin rozmiaru. Próbowałem background-repeat: no-repeat ale nie działa. Czy ma ktoś jakiś pomysł?




@edit
Widzę, że nikt nie ma pomysłu jak to rozwiązać. Szkoda (IMG:style_emoticons/default/sad.gif)



@edit2
Rozumiem, że nie jest to do wykonania?

Ten post edytował 1q2w3e4r 23.07.2014, 13:29:26