-
1. Data: 2009-02-08 10:11:26
Temat: javascript - centrowanie obrazka
Od: "Michał M. Lechański" <m...@d...eu>
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'
-
2. Data: 2009-02-08 10:36:59
Temat: Re: javascript - centrowanie obrazka
Od: "Michał M. Lechański" <m...@d...eu>
On 08.02.2009 10:11 Michał M. Lechański wrote:
[ciach]
dodatkowo zauważyłem właśnie, że w IE6 obrazek nie jest centrowany lecz
wyświetlany w lewym górnym rogu... Jak to poprawić?
Pozdrawiam
--
Mis'