-
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
- 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
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
Najnowsze wątki
- 2025-05-12 presja na aplikacje i blik
- 2025-05-12 czy znacie bardziej popierdolone sieci niż polskie?
- 2025-05-12 czy znacie bardziej popierdolone sieci niż polskie?
- 2025-05-11 Linuks od wer. 6.15 przestanie wspierać procesory 486 i będzie wymagać min. Pentium
- 2025-05-11 Linuks od wer. 6.15 przestanie wspierać procesory 486 i będzie wymagać min. Pentium
- 2025-05-11 obca rejestracja budzi agresję
- 2025-05-11 Po nie udanej próbie egzekucji: Nigeryjczyk, który chciał zabić Polaka, nie odpowie za atak
- 2025-05-10 Szczecin => Key Account Manager IT <=
- 2025-05-10 Rudno => Administrator sieci IT <=
- 2025-05-10 Wrocław => Controlling systems Consultant <=
- 2025-05-10 Rudno => IT network administrator <=
- 2025-05-10 Warszawa => Customer Service with Spanish + translation <=
- 2025-05-10 Warszawa => Senior Account Manager <=
- 2025-05-10 Trójmiasto => Head of Social Media <=
- 2025-05-10 Warszawa => C Programmer <=