Problem z przyciskiem wstecz

1

Witam mam problem z przyciskiem prev. Nie mam pojęcia jak go zrobić w js.

HTML

<img id="car" src="car1.jpg">
<input class="prev" type="button" value="❮ Prev" onclick="prev();">
<input class="next" type="button" value="Next ❯" onclick="next();">

JAVASCRIPT

var i = 1;
var images = [];
const img=document.getElementById("car");

images[0]="car1.jpg";
images[1]="car2.jpg";
images[2]="car3.jpg";
images[3]="car4.jpg";

function next(){
  img.src = images[i];
  if(i < images.length -1){
    i++;
  }
  else {
    i=0;
  }
}
3

skoro w funkcji next() zwiększasz index i++ to w funkcji prev() należy go zmniejszać i--

0

<img id="car"  alt="&#128661" src="car1.jpg">
<input class="prev" type="button" value="❮ Prev" onclick="slide(1);">
<input class="next" type="button" value="Next ❯" onclick="slide(-1);">

var i = 1;
var images = [];
const img=document.getElementById("car");

images[0]="car1.jpg";
images[1]="car2.jpg";
images[2]="car3.jpg";
images[3]="car4.jpg";

function slide(m){
  
  i=i+m;
  if(i >= images.length ){
    i=0;
  }
  if(i<0) {
    i=images.length-1;
  }
  img.src = images[i];
  img.alt = String.fromCodePoint('12866'+i);
}

https://jsfiddle.net/te2dqgf9/

1 użytkowników online, w tym zalogowanych: 0, gości: 1