eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwjavascript - centrowanie obrazkajavascript - centrowanie obrazka
  • Path: news-archive.icm.edu.pl!news.rmf.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!not
    -for-mail
    From: "Michał M. Lechański" <m...@d...eu>
    Newsgroups: pl.comp.www
    Subject: javascript - centrowanie obrazka
    Date: Sun, 08 Feb 2009 10:11:26 +0000
    Organization: Polish Freesco Group (www.freesco.pl)
    Lines: 42
    Message-ID: <gmmau5$c68$1@news.onet.pl>
    NNTP-Posting-Host: 87-194-120-30.doriath.eu
    Mime-Version: 1.0
    Content-Type: text/plain; charset=ISO-8859-2
    Content-Transfer-Encoding: 8bit
    X-Trace: news.onet.pl 1234087685 12488 87.194.120.30 (8 Feb 2009 10:08:05 GMT)
    X-Complaints-To: a...@o...pl
    NNTP-Posting-Date: Sun, 8 Feb 2009 10:08:05 +0000 (UTC)
    User-Agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.18) Gecko/20081205
    Thunderbird/2.0.0.18 Mnenhy/0.7.5.0
    Xref: news-archive.icm.edu.pl pl.comp.www:390507
    [ ukryj 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'

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: