Показать сообщение отдельно
  #1 (permalink)  
Старый 22.12.2018, 15:48
Аспирант
Отправить личное сообщение для Marson Посмотреть профиль Найти все сообщения от Marson
 
Регистрация: 14.08.2018
Сообщений: 65

Напишите функцию, которая создает галерею картинок в определенном контейнере.
Напилите функцию, которая создает галерею картинок в определенном контейнере. В качестве параметра передавайте id контейнера и массив со строками ссылок на картинки:
gallery("galleryContainer",["https://static33.cmtt.ru/paper-media/fd/92/e5/0479e08f8e852d.png", "http://s00.yaplakal.com/pics/pics_original/1/9/4/3736491.jpg"]


вот мой код:
var image = ["https://static33.cmtt.ru/paper-media/fd/92/e5/0479e08f8e852d.png", "http://s00.yaplakal.com/pics/pics_original/1/9/4/3736491.jpg"];	 
		 
 function gallery(idparameter, array){
 var current = 1;
 var kolvo = 2;
  var div = document.createElement('div');
    div.setAttribute('id', idparameter);
     var input1 = document.createElement('input');
	   input1.setAttribute('type', 'button');
	    input1.setAttribute('value', 'Вперёд');
		 input1.setAttribute('onClick', 'frw()');
		   div.appendChild(input1);
     var input2 = document.createElement('input');
      input2.setAttribute('type', 'button');
	    input2.setAttribute('value', 'Назад');
		 input2.setAttribute('onClick', 'bck()');
        div.appendChild(input2);	  
  
  for(var i=0;i<array.length;i++){
  var img = document.createElement('img');
  img.setAttribute('src', array[i]);
  img.setAttribute('name', 'r');
     div.appendChild(img);
  }
 
  
  function frw(){
    if(current < kolvo){
	  current++;
	  document.images['r'].src=array[current-1].src;
	}
  }
  function bck(){
    if(current > 1){
	   current--;
	   document.images['r'].src=array[current-1].src;
	}
  }
  
  return div;
}
document.body.appendChild(gallery("galleryCounter", image));


Как сделать, что бы при нажатии на кнопку появлялась следующая картинка, а не как у меня две вывелись и кнопки не работают почему-то..
Ответить с цитированием