[CSS]Jak zrobić galerie CSS? Opcje

[sebenicz97]

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 (IMG:style_emoticons/default/smile.gif) Jestem nowy na forum i jeżeli coś nie tak napisałem to sory.
Link do obrazka: http://obrazki.elektroda.pl/5060909600_1428594636.jpg

[tomek200]

Użyj JavaScript.

[sebenicz97]

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]

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]

Teoretycznie możesz w samym CSS choć zależy w jakich przeglądarkach ma działać.

[HTML] pobierz, plaintext 
<ul>
      <li> <-- tutaj sobie powtórz li dla każdego obrazka
        <label for="${x}}">opis</label>
        <input type="radio" name="p" id="${x}"/> <-- checked dla pierwszego
        <img src="obraz1.png"/>
      </li>
    </ul>
 
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;
}
[HTML] pobierz, plaintext 

[sebenicz97]

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ć