eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwFullscreen slideshow :)Fullscreen slideshow :)
  • Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
    From: beherit / pn <b...@g...com>
    Newsgroups: pl.comp.www
    Subject: Fullscreen slideshow :)
    Date: Fri, 25 Mar 2011 11:02:11 +0100
    Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
    Lines: 39
    Message-ID: <imhp7a$qni$1@inews.gazeta.pl>
    NNTP-Posting-Host: 178.183.183.42.dsl.dynamic.eranet.pl
    Mime-Version: 1.0
    Content-Type: text/plain; charset=UTF-8; format=flowed
    Content-Transfer-Encoding: 8bit
    X-Trace: inews.gazeta.pl 1301047338 27378 178.183.183.42 (25 Mar 2011 10:02:18 GMT)
    X-Complaints-To: u...@a...pl
    NNTP-Posting-Date: Fri, 25 Mar 2011 10:02:18 +0000 (UTC)
    X-User: beherit00
    X-Antivirus: avast! (VPS 110324-1, 2011-03-24), Outbound message
    X-Antivirus-Status: Clean
    User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.15) Gecko/20110303
    Thunderbird/3.1.9
    Xref: news-archive.icm.edu.pl pl.comp.www:398555
    [ ukryj nagłówki ]

    Witam,
    mam pytanie bo napisałem sobie prosty skrypcik (przerobiłem skrypcik,
    który napisałem do prostego slideshowa) do używania na potrzeby podmiany
    backgroundu strony.

    http://www.seolabs.eu/sl/ - i pojawia się pytanie czy jest znane
    tutejszemu gronu jakieś rozwiązanie działające płynniej i mniej
    obciążające browsera z przejściami fadeIn / Out na obrazkach skalowanych
    do fullscreenu (100%x100%)*?


    Finalnie na 90% nie będę potrzebował przejścia + skalowania na 100%
    wielkości okna (pewnie zależnie od rozmiaru okna będę zmieniał position
    obrazu), ale zastanawia mnie czy da się to jakoś zrobić wydajniej...

    Widzę, że skalowanie do rozmiaru w PX poprawia zdecydowanie sprawę, ale
    ja chciałbym jednak w % podawać wysokość i szerokość.

    Pozdr,p.


    *)
    Zamiana:
    http://www.seolabs.eu/sl/index2.html
    div#backgrounds a, div#backgrounds img { width: inherit;height: inherit;
    position:absolute;top:0;left:0;right:0;bottom:0; outline:none;border:0
    none;}
    div#backgrounds a > img {width: inherit; height: inherit;
    position:relative;}

    Na:
    http://www.seolabs.eu/sl/index.html
    div#backgrounds a, div#backgrounds img {
    position:absolute;top:0;left:0;right:0;bottom:0; outline:none;border:0
    none;}
    div#backgrounds a > img { position:relative;}

    zdecydowanie poprawia efekt przejścia i zmniejsza obciążenie browsera (z
    ~40 -> 3% czasu procesora w trakcie przejścia).

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: