-
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-11-12 => Senior Algorithm Developer (Java/Kotlin) <=
- 2025-11-12 Warszawa => Engineering Manager <=
- 2025-11-12 Białystok => Senior Microsoft Dynamics 365 Business Central Konsultan
- 2025-11-12 Większy zasięg w elektrykach nikomu nie jest potrzebny
- 2025-11-12 Za dwa lata nie będzie wielu usług (19xxx)
- 2025-11-11 BRAK emerytury z ZUS po 20 LATACH placenia skladek
- 2025-11-11 Warszawa => C Programmer <=
- 2025-11-11 ARANEA
- 2025-11-11 Gdańsk => iOS Developer <=
- 2025-11-11 Warszawa => Junior Rekruter <=
- 2025-11-10 100 metrów odstępu od kontrmanifestacji - "prawnik" J. Kaczyński oskarża policje
- 2025-11-10 emerytura z USA
- 2025-11-10 Warszawa => International Freight Forwarder <=
- 2025-11-10 Białystok => Delphi Programmer <=
- 2025-11-10 Warszawa => Generative AI Engineer <=




Elektromobilność dojrzewa. Auta elektryczne kupujemy z rozsądku, nie dla idei