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

do góry

Moim zdaniem wyskoczenie obrazka na pierwszy plan po najechaniu myszką
raczej nie ma nic wspólnego z tym, że jest to link. Jest jakieś zdażenie
generowane po najechaniu na interesujący element (tu: obrazek) i w tym
zdażeniu musisz jakoś wyciągnąć obraz na pierwszy plan...

do góry

Użytkownik "jameno" <j...@w...pl> napisał w wiadomości
news:4db3f3d1$0$2501$65785112@news.neostrada.pl...
> 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?

Mam nadzieje, ze dobrze zakumalem o co chodzi:)
Dla jquery to chyba to rozwiazanie:
http://www.jeremymartin.name/projects.php?project=kw
icks da Ci pozadany efekt.

--
Pozdrawiam
Gabriel Zastawnik
http://www.sigsoft.pl

do góry

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;
}

--
Jordan Szubert

do góry

W dniu 2011-04-24 12:23, Gabriel Zastawnik pisze:
>
> Użytkownik "jameno" <j...@w...pl> napisał w wiadomości
> news:4db3f3d1$0$2501$65785112@news.neostrada.pl...
>> 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?
>
> Mam nadzieje, ze dobrze zakumalem o co chodzi:)
> Dla jquery to chyba to rozwiazanie:
> http://www.jeremymartin.name/projects.php?project=kw
icks da Ci pozadany
> efekt.
>
Dziękuję - nie dokładnie o to chodziło ale naprowadziłeś mnie na dobrą
ścieżkę

Pozdrawiam

do góry

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

do góry

W dniu 2011-04-26 18:35, jameno pisze:
> W dniu 2011-04-24 12:45, Jordan Szubert pisze:
>> Dnia 24-04-2011 o 11:56:32 jameno <j...@w...pl> napisał(a):

>>
> 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.

Ze swojej strony dodam (bo po moim późniejszym poście ktoś może mnie
podejrzewać o JSuwielbienie), że co można zrobić CSSem rób CSSem - to
najlepsza metoda na podstawowe zwiększenie interaktywności.

pozdr,p.

do góry