sebenicz97
9.04.2015, 18:04:52
Witam.
Jako iż jestem zielony w sprawach CSS'a, potrzebuje pomocy ze zrobieniem przykładowej strony z samą galerią. Rozrysowałem to dokładnie jak to ma wyglądać. Po lewej stronie musi być pływająca ramka a w niej miniaturki zdjęć po których naciśnięciu ma sie pojawić powiększone zdjęcie z prawej strony. Zdjęcia podstawie sobie sam, ale bardzo prosiłbym o kod jak taką stronę zrobić. Z góry dzięki

Jestem nowy na forum i jeżeli coś nie tak napisałem to sory.
Link do obrazka:
http://obrazki.elektroda.pl/5060909600_1428594636.jpg
sebenicz97
9.04.2015, 18:17:12
Javy tym bardziej nie umiem, bo jeszcze sie tego nie uczyłem. Może ktoś umie napisać kod CSS do takiej właśnie galerii
tomek200
9.04.2015, 18:22:20
Nie nie Java to nie JavaScript
http://www.w3schools.com/js/ (a co do tego czy w css da się coś takiego zrobić to niewiem). Polecam użyć biblioteki jQuery bo daje ona wiele możliwości przy małej ilości kodu.
viking
10.04.2015, 12:22:17
Teoretycznie możesz w samym CSS choć zależy w jakich przeglądarkach ma działać.
<li> <-- tutaj sobie powtórz li dla każdego obrazka <input type="radio" name="p" id="${x}"/> <-- checked dla pierwszego
ul label {
display: block;
cursor: pointer;
}
ul input {
display: none;
}
ul input + img {
height: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 0;
left: 280px;
z-index: 99;
}
ul input:checked + img {
height: 200px;
opacity: 1;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
sebenicz97
10.04.2015, 14:25:52
W google chrome. To dokładnie ma być przykładowa strona z przyciskami (strona główna, kontakt, forum, galeria) i tam ma być właśnie taka galeria. Nie wiem jak taki kod napisać