Muszę wstawić duży obrazek powiedzmy 3000x100px wycentrowany w poziomie
Jako że dużo waży potrzebuję preloadera (takiego hipnotyzującego gifa).

Szukam i szukam i niestety łatwo jest wycentrować obrazek wstawiony w
background, ale nie znalazłem nigdzie jak zrobić do niego preloader.
Znalazłem z kolei javascriptowy preloader dla obrazka wstawianego jako
<img/> ale nie bardzo wiem jak go wycentrować.

do góry

Newsreader pisze:
> Muszę wstawić duży obrazek powiedzmy 3000x100px wycentrowany w poziomie
> Jako że dużo waży potrzebuję preloadera (takiego hipnotyzującego gifa).
>
> Szukam i szukam i niestety łatwo jest wycentrować obrazek wstawiony w
> background, ale nie znalazłem nigdzie jak zrobić do niego preloader.
> Znalazłem z kolei javascriptowy preloader dla obrazka wstawianego jako
> <img/> ale nie bardzo wiem jak go wycentrować.

Spróbuj takiego rozwiązania:
http://www.addedbytes.com/css/preloading-images-with
-css/

--
Peter

do góry

luty roku pamiętnego 2009, prawdopodobnie 12. Wielka mądrość na
czytelników pl.comp.www spłynęła, gdy tako rzekł(a) Peter May:

> Spróbuj takiego rozwiązania:
> http://www.addedbytes.com/css/preloading-images-with
-css/

Czy OP chociaż słowem wspomniał że ten obrazek będzie się pojawiał jako
efekt :hover?

OP: do CSS:

img {
display: block;
width: ilestam;
margin: 0 auto;
}

Wycentruje obrazek w poziomie pod warunkiem że podasz jego szerokość. A
że generalnie szerokość obrazów jest znana, nie powinno to być
problemem.
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski

do góry

Dzięki za odzew!

>> Spróbuj takiego rozwiązania:
>> http://www.addedbytes.com/css/preloading-images-with
-css/

Przepraszam, wyraziłem się chyba nieprecyzyjnie. Miałem na myśli
preloader tego typu:
http://jqueryfordesigners.com/image-loading/


> img {
> display: block;
> width: ilestam;
> margin: 0 auto;
> }
>
> Wycentruje obrazek w poziomie pod warunkiem że podasz jego szerokość.

Chodzi mi o centrowanie dużego obrazka. Czy podane powyżej rozwiązanie
wyświetli środek obrazu width:3000px; na ekranie 800x600 ? nie mówiąc o
pojawiającym się scrollu, którego można ukryć.

do góry

Mirosław Zalewski pisze:
> OP: do CSS:
>
> img {
> display: block;
> width: ilestam;
> margin: 0 auto;
> }
>
> Wycentruje obrazek w poziomie pod warunkiem że podasz jego szerokość.

Podał Ci szerokość, 3000px, jakoś wątpie żeby margin:auto mu pomógł ;)

Spróbuj tak (dla obrazka o szerokości 3000px):
img {
position:relative;
left:50%;
margin-left:-1500px;
}


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry