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

Slider na całą szerokość strony

0 głosów
206 wizyt
pytanie zadane 14 listopada 2016 w JavaScript, jQuery, AJAX przez Kazuhiro Użytkownik (910 p.)

Witajcie. Tworzę slider na całą szeorkość strony. Mam więc #main-container w którym zawiera się cała szerokość strony, .slide, które są pojedynczym slajdem i #all-slides, które znajduje się wewnątrz #main-container, a w środku znajdują się wszystkie pojedyncze slajdy. Problem polegał na ustaleniu szerokości tego pojedynczego slajdu. Jeśli zrobię to w css (width: 100%), to ten div rozumie, że chodzi mi o zapełnienie 100% diva #all-slide, a nie #main-container. Dlatego wpadłem na pomysł, żeby zrobić to za pomocą jQuery. Niby wszystko działa, ale przy chociażby zmianie rozmiaru okna wszystko się rozjeżdża. Próbowałem się bawić resize, ale też nie mogę sobie z tym poradzić. Pomożecie?

 

  $(function(){
  	var slideSize = $('#main-container').css('width'),
  		slideCount = $('.slide').length,
  		allSlides = (slideCount*parseInt(slideSize) ) + 'px';

  	$('.slide').css('width', slideSize);
  	$('#all-slides').css('width', allSlides);

   	$("#l-start").click(function(){
  		var newPosition = -parseInt(slideSize) + 'px';
  		$("#all-slides").animate({
  			left: 0
  		}, 800);
  	});
  	$("#l-o-mnie").click(function(){
  		var newPosition = -parseInt(slideSize) + 'px';
  		$("#all-slides").animate({
  			left: newPosition
  		}, 800);
  	});

  	 $("#l-umiejetnosci").click(function(){
  		var newPosition = -parseInt(slideSize) * 2 + 'px';
  		$("#all-slides").animate({
  			left: newPosition
  		}, 800);
  	});

  	$("#l-portfolio").click(function(){
  		var newPosition = -parseInt(slideSize) * 3 + 'px';
  		$("#all-slides").animate({
  			left: newPosition
  		}, 800);
  	});

  });

 

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
5 odpowiedzi 410 wizyt
pytanie zadane 11 lipca 2015 w JavaScript, jQuery, AJAX przez DawidxD Użytkownik (810 p.)
0 głosów
1 odpowiedź 144 wizyt
pytanie zadane 1 kwietnia 2017 w JavaScript, jQuery, AJAX przez Vorex444 Dyskutant (9,660 p.)
0 głosów
0 odpowiedzi 35 wizyt
pytanie zadane 26 marca w HTML i CSS przez ShiroUmizake Nałogowiec (44,360 p.)
Porady nie od parady
Nie wiesz jak poprawnie zredagować pytanie lub pragniesz poznać którąś z funkcji forum? Odwiedź podstronę Pomoc (FAQ) dostępną w menu pod ikoną apteczki.FAQ

63,177 zapytań

109,411 odpowiedzi

228,567 komentarzy

42,799 pasjonatów

Przeglądających: 215
Pasjonatów: 12 Gości: 203

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.

...