Galeria zdjęć (html,css,js,jquery)

pytanie zadane 24 lipca 2018 w JavaScript przez WrdSaint Nowicjusz (120 p.)

Od 2 dni męczę się ze zrobieniem galerii zdjęć na stronie internetowej, szukałem na różnych stronach ale nie znalazłem niczego co by mi pomogło, galeria nie ma być skomplikowana, w divie zdjęcie które ma się samo zmieniać na inne (przewijać) do tego strzałki to ręcznego przewijania oraz podpięcie linku pod zdjęcie, wiem że można to zrobić przy pomocy js bądź jquerry ale gdy próbuje cokolwiek pisać nie wychodzi, czy mógł by mnie ktoś poprowadzić za rączkę i mi pomóc ? Próbowałem za pomocą animate jedno zdjęcie z wielkości 0px powiekszać a drugie z normalniej wielkości zmniejszać do 0px niby działa ale myślę, że to mało eleganckie rozwiązanie, a gdy próbuje zapętlić wszystko się sypie, myślę ,że to zła droga.

var ilosczdjec=3;
				$("#testAnim").on('click', function(){
					while(true){
					for(var i=ilosczdjec;i>1;i--)
					{
					
						$("#photo"+i).animate({
						width: "200px",
						opacity: 1,
						fontSize: "3em",
						borderWidth: "10px"
						}, 1500);
						
						$("#photo"+(i-1)).animate({
						width: "0px",
						opacity: 0,
						fontSize: "3em",
						borderWidth: "0px"
						}, 1500);
						
						
					}
					i=ilosczdjec;
					sleep(1000);
					}
				});

komentarz 24 lipca 2018 przez ScriptyChris Mędrzec (190,190 p.)

while(true){

Ta pętla wykonuje się w nieskończoność.

sleep(1000);

Jeśli to nie jest Twoja funkcja, to w JavaScript nie ma takiej zaimplementowanej natywnie. Domyślam się, że zainspirowałeś się C++.

Usuń te linijki i powiedz, co wtedy nie działa tak jak oczekujesz i czy w konsoli są jakieś błędy?

komentarz 24 lipca 2018 przez WrdSaint Nowicjusz (120 p.)

while(true) mam aby mieć zapętloną galerię w nieskończoność, planowałem przewijać zdjęcia od pierwszego do ostatniego a potem resetować zmienną i , a Sleep jest funkcją którą mam niżej (wiozłem z neta) ponieważ gdy mam napisane tak jak teraz to animate wykonuje się dla wszystkich obrazków a nie po kolei

function sleep(milliseconds) {
  var start = new Date().getTime();
  for (var i = 0; i < 1e7; i++) {
    if ((new Date().getTime() - start) > milliseconds){
      break;
    }
  }
}

komentarz 25 lipca 2018 przez Yashe Dyskutant (7,720 p.)

Chodzi ci o coś takiego jak tutaj link ?

komentarz 25 lipca 2018 przez Miłosz_ Nowicjusz (140 p.)

@WrdSaint, w Bootstrapie masz takie implementacje,

komentarz 25 lipca 2018 przez WrdSaint Nowicjusz (120 p.)

@Yashe, Tak, brakuję mi tylko przycisków do ręcznego zmieniania, coś po próbuje a gdy się nie uda to obejdzie się bez nich bardzo ci dziękuje .

@Miłosz_, Nigdy nie używałem Bootstrapa i mimo że galerię już jako tako mam to skuszę się na niego .

komentarz 25 lipca 2018 przez Yashe Dyskutant (7,720 p.)

@WrdSaint Tutaj również masz fajny przykład takich slidershow'ów. Gdy zjedziesz na dół, jest również taki, który sam się przesuwa. Mimo wszystko, gdyby coś nie działało pisz tutaj