• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Slider, pomocy

0 głosów
95 wizyt
pytanie zadane 2 września 2017 w HTML i CSS przez Vorex444 Dyskutant (9,660 p.)
zamknięte 2 września 2017 przez Vorex444

Cześć, wpadłem na pomysł, że zrobię slider, zacznę od początku.

Chcę zrobić slider ktory bedzie w divie i miał height 580 px i width 100%, wszystko swietnie, ale chce zrobic to w ten sposob ze wrzucę wszystkie zdjecia do tego diva i chce aby miały float left, ale gdy to robię to mimo to zdjecia ustawiaja sie jeden pod drugim, a chce zeby byly obok siebie,bo slider ma dzialac  w ten sposob, ze ma przesuwac sie na boki i po prostu po kliknieciu o okreslona dlugosc w prawo lub w lewo, czy wiecie o co mi chodzi? 

Nie potafię zrobić tego aby zdjecia stały obok siebie i nie wychodziły poza slider.

 

komentarz zamknięcia: problem rozwiazany
komentarz 2 września 2017 przez Vorex444 Dyskutant (9,660 p.)
Dobra dodałem overflowa hidden i jest ukryte, ale za zadne skarby nie chce ustawic sie obok :D

1 odpowiedź

0 głosów
odpowiedź 2 września 2017 przez Shaoi Mądrala (6,940 p.)
wybrane 2 września 2017 przez Vorex444
 
Najlepsza
Skoro nadajesz tylko 100% width, to nic dziwnego. Nadaj np 500%. Przyklad z CodePen:

https://codepen.io/dudleystorey/pen/ehKpi
komentarz 2 września 2017 przez Vorex444 Dyskutant (9,660 p.)

racja, zrobilem to w ten sposob

.slider-container
{
    height: 580px;
    width: 1200px;
    border: 1px solid #000000;
    margin: 0 auto;
    overflow-y: scroll;
}
.slider
{
    height: 580px;
    width: 500%;
}
.slider img
{
    height: 580px;
    width: 1200px;
    float: left;  
}

działa :D dzieki za nakierowanie xD 

komentarz 2 września 2017 przez Vorex444 Dyskutant (9,660 p.)

a wiesz może jak przesunac ten div? Jaka funkcja mi w tym pomoże?

utkanlem tutaj 

window.onload = function()
{
    var widthSlider = document.getElementById('slider').scrollWidth;
    var prev = document.getElementById('prev');
    var next = document.getElementById('next');
    
    next.addEventListener('click', function()
    {
        
    })
};

nie wiem co wpisac w tym next listenerze, nie wiem czego uzyc do przesuniecia tego diva

 

Podobne pytania

0 głosów
0 odpowiedzi 35 wizyt
pytanie zadane 26 marca w HTML i CSS przez ShiroUmizake Nałogowiec (44,360 p.)
0 głosów
1 odpowiedź 79 wizyt
pytanie zadane 25 maja 2018 w HTML i CSS przez Kurab188 Nowicjusz (210 p.)
0 głosów
0 odpowiedzi 97 wizyt
pytanie zadane 13 stycznia 2018 w HTML i CSS przez Vorex444 Dyskutant (9,660 p.)
Porady nie od parady
Zadając pytanie postaraj się o szczegółowe opisanie problemu oraz udostępnienie wszystkich istotnych informacji (kody źródłowe, zrzuty ekranu itp.).Opisanie problemu

63,199 zapytań

109,435 odpowiedzi

228,618 komentarzy

42,943 pasjonatów

Przeglądających: 65
Pasjonatów: 6 Gości: 59

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...