-
Data: 2009-02-08 10:11:26
Temat: javascript - centrowanie obrazka
Od: "Michał M. Lechański" <m...@d...eu> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]Witam, mam taki fragment kodu (dalej są funkcje odpowiadające za efekty
wyświetlania obrazków):
picwid = window.innerWidth;
pichei = window.innerHeight;
ftim=fdur*1000/steps;stim=sdur*1000;emax=imges.lengt
h;
tp="<div style='position:float;'>";
for(e=1;e<=emax;e++){
theid="img"+e;thesrc=imges[e-1];
tp=tp+"<div id='"+theid+"'><img src='"+thesrc+"' border='5'></div>";
}
tp=tp+"</div>";
document.write("<style type='text/css'>");
for(b=1;b<=emax;b++){
thestylid="img"+b;thez=1;thevis='hidden';
if(b<=1) {thez=2; thevis='visible';}
document.write("#"+thestylid+"
{position:absolute;left:0;top:0;width:"+picwid+"px;h
eight:"+pichei+"px;background-color:"+backgr+";visib
ility:"+thevis+";z-index:"+thez+";}");
}
document.write("</style>");
Powoduje on wyświetlenie "pojemnika" zawierającego obrazek. Obrazek jest
wycentrowany w poziomie, jednak w pionie zawsze wyrównywany jest do góry
strony. Chciałbym aby obrazek był zawsze wycentrowany w pionie i w
poziomie na stronie. Podpowie ktoś jak to uzyskać w tym kodzie?
Mogę oczywiście zmniejszyć wysokość "pojemnika", dać mu taki sam kolor
jak tło strony i przesunąć go w dół zmieniając wartość top:0 ale może
jest jakieś bardziej eleganckie rozwiązanie...
I druga sprawa - jest sobie script wyświetlający slideshow (powyższy
fragment pochodzi z takiego scriptu). Działa fajnie, tylko że obrazki są
wyświetlane w nieskończonej pętli. Jak zrobić żeby wyświetlił wszystkie
zadane obrazki i się zatrzymał lub, lepiej, przeszedł do określonego
url? Bawiłem się kilkoma różnymi scriptami wyświetlającymi slideshow,
ale niestety wszystkie zachowywały się tak samo (wyświetlają obrazki "w
kółko") - czy to znaczy że się nie da inaczej, czy że ja mam dziwne
wymagania? :-)
Z góry dziękuję za rady i pozdrawiam.
--
Mis'
Następne wpisy z tego wątku
- 08.02.09 10:36 Michał M. Lechański
Najnowsze wątki z tej grupy
- UWAGA: MAM PODEJRZENIE, ŻE onet.pl DOKONUJE ATAKÓW!!!
- Komisja sejmowa odrzuca petycję ws. obowiązkowych kanałów RSS na stronach podmiotów publicznych
- kol. sukces po polsku: "Samurai Labs. Technologia do zapobiegania samobójstwom"
- Wściekli obywatele spalili budynek parlamentu Nepalu [bo odcięli im amerykańskie serwery społecznościowe - przyp. JMJ]
- UWAGA: MAM PODEJRZENIE, ŻE trojmiasto.pl DOKONUJE ATAKÓW
- Cenzura na wolnemedia.net - likwidacja codziennej sekcji "Sygnały zauważone"
- Nowe style na energokod.pl
- Jak działa hosting w którym wykupuje się sam serwer i domenę, bez IP?
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
Najnowsze wątki
- 2025-12-28 Norwegia kontra media społecznościowe
- 2025-12-28 PREZENTY OD MINISTRA FINANSÓW. SKĄD PIENIĄDZE?
- 2025-12-27 pompa CO
- 2025-12-27 Gdynia => Przedstawiciel handlowy / KAM (branża TSL) <=
- 2025-12-27 Ewakuacja ludności
- 2025-12-26 Gdańsk => ERP Microsoft Dynamics 365 Commerce Consultant <=
- 2025-12-26 Kraków => Konsultant Microsoft Dynamics 365 Finance <=
- 2025-12-26 Kraków => Microsoft Dynamics 365 Finance Consultant <=
- 2025-12-26 wymieniłem termostat
- 2025-12-26 Warszawa => Senior Backend Java Developer <=
- 2025-12-25 Finlandia przywraca swastykę
- 2025-12-25 Skuteczność wymiaru sprawiedliwości
- 2025-12-24 Felgi
- 2025-12-24 2,5 x więcej niż Li-Ion
- 2025-12-24 No i kolejny ograniczony




5 Najlepszych Programów do Księgowości w Chmurze - Ranking i Porównanie [2025]