Skocz do zawartości

Witaj na forum webmasterów Webax.pl.

Wyświetl nową zawartość

Tło strony :hover

- - - - - css pseudoklasy hover img

  • Zaloguj się, aby dodać odpowiedź
3 odpowiedzi w tym temacie
Kajtimus
Kajtimus

    Żółtodziób

  • Użytkownik
  • Pip
  • 1 postów
#1

Napisano 02 grudzień 2012 - 10:54

Witam wszystkich, mam problem. W tej chwili mam kod CSS który sprawia, że tłem strony jest zdjęcie, na którego miniaturkę użytkownik najedzie myszką. Po zjechaniu z niego tłem jest statyczne zdjęcie ustalone wcześniej. Chciałbym jednak, żeby tłem było zdjęcie :hover nawet po zjechaniu myszką z miniatury. Poniżej wklejam kod:

HTML:

<div id="galeria"

<ul>
<li>
<img src="miniatury/1 fotografia.jpg" alt="Tekst alternatywny" />
<img class="big" src="zdjecia/1 fotografia.jpg" alt="Tekst alternatywny" />
</li>
<li>
<img src="miniatury/2 fotografia.jpg" alt="Tekst alternatywny" />
<img class="big" src="zdjecia/2 fotografia.jpg" alt="Tekst alternatywny" />
</li>
<li>
<img src="miniatury/3 fotografia.jpg" alt="Tekst alternatywny" />
<img class="big" src="zdjecia/3 fotografia.jpg" alt="Tekst alternatywny" />
</li>


</ul>


</div>

CSS:


ul {
list-style: none;
padding: 0px;
margin: 0px;
overflow: auto;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 1;
overflow: hidden;
}
li {
display: inline;
float: left;
margin: 0px 0px;
}
a:focus {
outline: none;
}
li img.big {
display: none;
}
li:hover img.big {
display: inline;
height: auto;
left: 0;
min-height: 100%;
min-width: 1024px;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
Macie jakiś pomysł?

DeXTeD
DeXTeD

    Użytkownik

  • Użytkownik
  • PipPip
  • 12 postów
#2

Napisano 03 grudzień 2012 - 08:19

Za pomocą samego CSS tak nie da rady, tutaj musi wkroczyć JS.

apostol
apostol

    Użytkownik

  • Użytkownik
  • PipPip
  • 19 postów
#3

Napisano 18 grudzień 2012 - 09:23

Zgadzam się z przedmówcą, do takiej dynamiki, interakcji, potrzeba co najmniej JS, css nie został stworzony z myślą do takowych zadań, zależy też jak, do czego i kiedy ci to potrzeba

niepełnosprawny http://niepelnosprawny.org


Luke
Luke

    Początkujący

  • Użytkownik
  • PipPipPip
  • 114 postów
#4

Napisano 19 grudzień 2012 - 14:53

Chciałbym jednak, żeby tłem było zdjęcie :hover nawet po zjechaniu myszką z miniatury.

Wykorzystaj zdarzenie mouseover (w JS oczywiście) na miniaturkach.





Również z jednym lub większą ilością słów kluczowych: css, pseudoklasy, hover, img

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych