[CSS]A href za zdjęciem ? Opcje

[piotr485]

Witam - mam takie pytanko bo nie wiem jak się do tego zabrac.

Wyświetlam sobie zdjęcie

[HTML] pobierz, plaintext 
<img src="zdjecie.jpg" />
[HTML] pobierz, plaintext 

Chciałbym wstawic za zdjęcie hrefa w ktorym ustawie width and height i dodatkowo jesli ktos najedzie myszka na ten obszar to sie pojawi jakis gifek (np. strzalka.gif)

1. Można to wszystko osiągnac za pomoca css?
2. Moze jakas mała podpowiedz ?

Z góry dziekuje!

[pablo89pl]

[HTML] pobierz, plaintext 
<img src="sciezkaDefualt" onMouseOver="this.src = sciezka" onMouseOut=" jak wcześniej " />
[HTML] pobierz, plaintext 

Przez css tego nie zmienisz, chyba ze wrzucisz calosc jako div i ustawisz background , i wtedy przez css zmieniac :hover i gotowe;]


Powodzenia!:)

[lamcpp]

Można za pomocą czystego CSS

[HTML] pobierz, plaintext 
 <a href="index.php?l=losowe"><span class="ust_li2"><img src="images/c4.png" /></span</a></li>
[HTML] pobierz, plaintext 

i teraz w css, zeby zmienic wielkość zdjęcia:

[HTML] pobierz, plaintext 
 a span img{
 text-decoration: none;
 width: 65px;
 height: 35px;
 }
[HTML] pobierz, plaintext 

żeby zmieniało się coś po najechaniu myszką:

[HTML] pobierz, plaintext 
a:hover span img{  
width: 80px;  /*tu ustawiasz sobie wszystkie znaczniki które się zmieniają po najechaniu myszką*/
  background: green;
}
[HTML] pobierz, plaintext 

[piotr485]

Przykład na JS mi nie działa. Próbowałem to zrobic na divach i background jako moje zdjecie ale niestety tak nie moze byc bo nie moge wpisywac szerokosci zdjec musi byc ona automatyczna wiec musze zapisac w normalnej postaci <img src="plik.jpg" />

Może wytłumaczę o co mi chodzi dokładnie.



Zdjęcie musi byc jako <img src="plik.jpg"> poniewaz mini galeria jest obslugiwana przez JS

Pole białe pokazuje jaki obszar ma href kiedy najedzie sie myszka i wtedy powinna pojawic sie czerwona strzalka.
Gdy najedziemy na zolte pole powinna pojawic sie czerona strzalka w prawo (tak to nic niewyswietlamy)

A zdjecie jest po prostu zdjeciem.

Czy ktos jest mi w stanie pomoc ?

Postawie duze piwwo

[Blame]

Ja bym to zrobił tak. Największy div, w którym będą: na środku div ze zdjęciem, po lewej i prawej link. Tu przykładowa struktura:

[HTML] pobierz, plaintext 
<div id="slajd">
<a href="adres" class="left"></a>
<div id="zdjecie">
</div>
<a href="adres1" class="right"></a>
</div>
[HTML] pobierz, plaintext 

i CSS:

[CSS] pobierz, plaintext 
#slajd{
width:600px;
 
height:600px;
 
text_align:center;
}
a.left{
 
width:300px;
 
height:600px;
 
float:left
 
}
 
a.left:hover{
 
width:300px;
 
height:600px;
 
float:left;
 
background-image:url(adres_do_strzalki);
 
background-position:left;
 
}
 
#zdjecie{
 
z-index:100000;
 
}
[CSS] pobierz, plaintext 

Wymiary przykładowe. Nie podawałem a.right, pokombinuj sam

Ten post edytował Blame 1.12.2009, 17:23:17