[NivoSlider] Wysokość obrazka - 50% Opcje

[Slide]

Witam.
Proszę o pomoc szczególnie osoby, które miały już jakąś styczność z NivoSliderem. Tworzę stronkę, a raczej szablon do Wordpressa, gdzie na samej górze będzie znajdował się slider z aktualnościami. Używam zwykłego slidera dla stron HTML (nie wtyczki dla Wordpress chociaż wiem, że takowa istnieje). Wszystko byłoby w porządku, tylko że chciałbym aby wysokość slidera wynosiła zawsze 50% wysokości ekranu. Ze zmianą szerokości poradziłem sobie za pomocą styli CSS, tylko męczę się z wysokością. Kiedy w stylach CSS wpiszę dla każdego obrazka height: 50%, wtedy wszystko jest okej tylko dla pierwszego obrazka, każdy kolejny ma wysokość 50% obrazka poprzedniego. Czyli np pierwszy obrazek ma wysokość 600px, po przewinięciu drugi ma wysokość 300px, kolejny 150px itd. Ja chciałbym aby wszystkie miały jednakową wysokość równą 50% wysokości ekranu.

Proszę o pomoc. Nie ma znaczenia sposób w jaki to osiągne. Może to być jQuery, JS, a może być to zwykły CSS.

Mógłby być to np. prosty skrypt w JS który pobiera wysokość okna przeglądarki, mnoży ją razy 50%, do otrzymanej wartości dodaje na końcu "px;" a wszystko to przypisuje do wartości height dla określonego elementu DIV.
Być może właśnie to jest rozwiązanie, jednak nie znam JS abym mógł to sam napisać (IMG:style_emoticons/default/sad.gif)

Jeśli ktoś nie wie o co mi chodzi, proszę bardzo:
http://tnijurl.com/slider/ - przykład działania
http://tnijurl.com/nivo/ - pliki źródłowe powyższego przykładu (paczka .rar do pobrania)

Ten post edytował Slide 7.12.2013, 19:46:13