Как реализовать переключение на следующую и предыдущую страницу на детальной странице новости или акции?

Question

[Luc1fer]

Как реализовать переключение на следующую и предыдущую страницу на детальной странице новости или акции и что бы при этом когда пользователь доходил до конца кнопки следующая или предыдущая переходили в режим disable?

Вот структура:

news:[
				{
		        	id:'0',
		        	img: '/img/news/news1.jpg',
		        	title:'Заголовок',
		        	description:'Описание',
		        	date:'25.04.2019',
		        	view: 365,
		        },
]

Answer 1

[0xD34F]

Есть массив новостей, есть текущая новость. Вы можете узнать позицию текущей новости в массиве, и таким образом понять, какие новости будут предыдущей и следующей (и есть ли они вообще). В чём проблема-то?

UPD. Небольшой пример.

Comments

[Luc1fer]

Логику я понимаю, вопрос в реализации. Как узнать текущую позицию и как сделать ссылки на них с возможностью задизейблить кнопки?

[0xD34F]

Алексей Пашков,

Как узнать текущую позицию

Называется: язык не учи, фреймворки используй. Погуглите методы массива indexOf и find.

сделать ссылки на них с возможностью задизейблить кнопки

Зная текущий индекс, можете получить предыдущий/следующий и проверить, что они больше -1/меньше длины массива. Ссылки - ну, по индексам предыдущей/следующей новости можете достать их id или что там у вас.

[0xD34F]

Алексей Пашков, дополнил ответ примером того, как это могло бы выглядеть.

[Luc1fer]

0xD34F, Огромное спасибо! Вопрос решен!

[Luc1fer]

0xD34F, у меня к вам еще вопрос личного плана, отправил на вашу почту gmail.