jquery carousel, который перезагружает/обновляет страницу для каждого слайда?

Question

Я заинтересован в достижении слайд-шоу, как этот: http://camillestyles.com/summer/10-best-splendid-summer-favors/

Я хочу, чтобы каждый слайд, чтобы иметь свой собственный URL/страницы, и страницы, чтобы обновить с каждого слайда.

Может ли кто-нибудь сказать мне, как это достигается? Большое вам спасибо, я искал и искал, и просто не могу понять, как добиться перезагрузки страницы на слайде с помощью jquery carousels/sliders.

Answer 1

Возможно, вы слишком много думаете о проектах jQuery и carousel, когда можете просто выполнить его со статическим html. Почему бы не просто сделать отдельные html-страницы и ссылки на них? Может быть так же просто, как ...

<a href="slide2.html">Next Slide</a> 

С каждым слайдом в отдельном HTML файл (или однако вы ваша сторона сервера настройки). Если вы хотите обновлять страницу каждый раз, это, вероятно, способ сделать это.

ИЛИ если вы действительно хотите/потребность изменить всю страницу с JavaScript, вы можете сделать это с ...

window.location.href = "slide2.html"; 

или если по каким-то причинам вы все еще хотите же HTML-страницу (или на стороне сервера вид), чтобы обработать каждый слайд, но вы хотите, чтобы страница полностью перезагружать при смене слайдов, вы могли бы добиться этого с помощью строки запроса, что-то вроде этого:

if (getParameterByName("slide") == 3) { 
    $("#slide3").show(); 
} 
else if (getParameterByName("slide") == 2) { 
    $("#slide2").show(); 
} 
else { 
    $("#slide1").show(); 
} 

Если вы получаете строку запроса, как это, например: https://stackoverflow.com/a/901144/257494.

Тогда вы бы перемещаться, как это:

<a href="slideshow.html?slide=2">Next Slide</a>