[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]

Środkuje ale zmienia się rozmiar zdjęcia przy zmianie szerokości monitora co powoduje, że zmienia się wysokość zdjęcia. Potrzebuję mieć stalą szerokość tego zdjęcia 1680px niezależnie czy monitor jest 600px, 1024 czy 1680. Rozmiar ma się nie zmieniać. Jak się okazało, szerokość zdjęć zmienia skrypt slidera (bo chce być responsive) sprawdzając za kazdym razem szerokość okna nadpisując wartosci width w img.
Niestety nie wkleję tego na ta strone bo to jest plugin slidera dla wordpressa. Mógłbym go zmienić w kodzie pluginu ale przy aktualizacji nadpisze te zmiany.
Dlatego potrzebuję to zrobić najlepiej zewnętrznie, jeśli nie ma takiej możliwości to trudno, zrobię to w pluginie blokujac mozliwość aktualizacji.

Ten post edytował 1q2w3e4r 16.07.2014, 10:22:12