Slider, jak mu nadać wysokość i szerokość.

Question

Cześć stworzyłem pewien slajder,

tutaj jest kod javascript:

<script type="text/javascript">
    var slide = Math.floor(Math.random()*3)+1;
    function hiddenSlide(){
        $('#slider').fadeOut(500);
    }
    function nextslide()
    {
        slide ++; if(slide>3) slide=1;
        var plik = "<img src=\"img/slajd"+ slide + ".jpg\" />";
        document.getElementById('slider').innerHTML = plik;
        $('#slider').fadeIn(500);
        setTimeout("nextslide()", 5000);
        setTimeout("hiddenSlide()", 4500);
    }
</script>

I mam tam w html rzecz jasna div o id slider, chcialem aby kazdy ze zdjec mial max-height 100% i min-width 100% probowalem ustawic to w css ale nie działało i nie wiem już jak to zrobić, pomoże ktoś? W tej chwili mam wlasnie slajdy o roznej wielkosci przez co jeden jest maly a drugi wielki i dziwnie to wyglada. Chce zeby były takiej samej wielkosci i nie wychodzily za max-szerokosc bo wtedy strona sie rozjedza w szerokosci.

Mam kilka slajdow o roznej wielkosci a chce zeby mialy taka samą szerkosc i wysokosc.

Dzieki za odpowiedzi :).

Answer 1

codepen.io/TheMateuszPiotrowski/pen/JWeWar robię coś podobnego do Ciebie chyba zerknij w link :)

Comments

Dobra już mi działa, głupi JA w css'ie zamiast # była . i daltego nie dzialalo :D

Ale dzieki za odpowiedz ;)