eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwZachodzące na siebie obrazki jako linkiRe: Zachodzące na siebie obrazki jako linki
  • Path: news-archive.icm.edu.pl!news.icm.edu.pl!wsisiz.edu.pl!newsfeed2.atman.pl!newsfe
    ed.atman.pl!newsfeed.neostrada.pl!unt-exc-02.news.neostrada.pl!unt-spo-a-02.new
    s.neostrada.pl!news.neostrada.pl.POSTED!not-for-mail
    Date: Tue, 26 Apr 2011 18:35:57 +0200
    From: jameno <j...@w...pl>
    Reply-To: j...@w...pl
    User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.15) Gecko/20110303
    Thunderbird/3.1.9
    MIME-Version: 1.0
    Newsgroups: pl.comp.www
    Subject: Re: Zachodzące na siebie obrazki jako linki
    References: <4db3f3d1$0$2501$65785112@news.neostrada.pl> <op.vufuukgahilul8@asus7>
    In-Reply-To: <op.vufuukgahilul8@asus7>
    Content-Type: text/plain; charset=ISO-8859-2; format=flowed
    Content-Transfer-Encoding: 8bit
    Lines: 57
    Message-ID: <4db6f46e$0$2496$65785112@news.neostrada.pl>
    Organization: Telekomunikacja Polska
    NNTP-Posting-Host: 83.10.164.25
    X-Trace: 1303835759 unt-rea-a-02.news.neostrada.pl 2496 83.10.164.25:1145
    X-Complaints-To: a...@n...neostrada.pl
    Xref: news-archive.icm.edu.pl pl.comp.www:398756
    [ ukryj nagłówki ]

    W dniu 2011-04-24 12:45, Jordan Szubert pisze:
    > Dnia 24-04-2011 o 11:56:32 jameno <j...@w...pl> napisał(a):
    >
    >> Witam
    >>
    >> Poszukuję prostego rozwiązania do zrobienia kilku (3-5) obrazków które
    >> będą na siebie nachodziły i będą pełniły rolę <a href="http://#"><img....
    >> Widziałem gdzieś w sieci podobne rozwiązanie chyba w js -polegało to
    >> na tym że po najechaniu kursora na częściowo zasłonięty obrazek -
    >> pokazywał się cały i stanowił łącze do innej strony.
    >> Niestety nie zapisałem tego adresu a moje poszukiwania nie najlepiej idą.
    >> Może ktoś ma namiar na opis takiego działania?
    >>
    >> Pozdrawiam
    >
    > cos takiego moze:
    >
    > <div class="obrazki">
    > <a id="o1" href="..."><img src="..."></a>
    > <a id="o2" href="..."><img src="..."></a>
    > <a id="o3" href="..."><img src="..."></a>
    > </div>
    >
    > .obrazki{
    > position:realtive;
    > width:...;
    > height:...;
    > }
    > .obrazki a{
    > position:absolute;
    > }
    > .obrazki a#o1{
    > top:...;
    > left:...;
    > z-index:..;
    > }
    > .obrazki a#o2{
    > top:...;
    > left:...;
    > z-index:..;
    > }
    > .obrazki a#o3{
    > top:...;
    > left:...;
    > z-index:..;
    > }
    >
    > .obrazki a:hover{
    > z-index:100;
    > }
    >
    Dziękuję za pomoc, wiem że można to ostylować w css-ie, ale szukałem
    rozwiązania opartego o js. Niemniej jeszcze raz dziękuję za pomoc.

    Pozdrawiam


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: