Маан, я думаю, теперь я понимаю, что ты хочешь делать. Вы хотите иметь возможность сбросить src изображения на всех ваших пронумерованных страницах без необходимости изменять его вручную. Это выполнимо с Javascript, хотя я не уверен, что это строго рекомендуется, потому что это означает, что изображение будет неправильным для браузеров, у которых не включен JS. Это очень необычный случай, но он может включать в себя Googlebot - поэтому, если важно, чтобы изображение было правильным для целей SEO, у вас, вероятно, нет другого выбора, кроме как изменить все имена файлов вашего изображения.
Для чего это стоит, этот JS должен делать то, что вы хотите.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
var currentPage = window.location.href.split('/');
var currentNum = currentPage[3].split('.')[0];
$('img').attr('src', 'Images/' + currentNum + '.jpg');
$('#prev').click(function () {
move(-1);
});
$('#next').click(function () {
move(1);
});
function move(n) {
window.location.href = Number(currentNum) + Number(n) + '.html';
}
});
</script>
Этот бит включает JQuery на вашей странице
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Бит внутри $(document).ready(function () { ... } запускается, когда страница готова к отображению, обычно перед загрузкой.
var currentPage = window.location.href.split('/'); получает текущий URL страницы и разбивает его на каждый символ. Эта строка создает массив, который содержит части URL. Если ваш URL-адрес http://jsut4fun.site40.net/5.html,, «5.html» будет четвертой частью, которая находится в позиции индекса [3] массива.
var currentNum = currentPage[3].split('.')[0]; получает четвертую часть URL и разбивает ее на «.» Это дает нам номер страницы.
$('center img').attr('src', 'Images/' + currentNum + '.jpg'); сбрасывает атрибут src вашего основного изображения в правильный URL-адрес страницы. center img выбирает любое изображение, являющееся дочерним по отношению к элементу center.
Вы можете сохранить существующие ссылки и функции prevImage () и nextImage () для перемещения между страницами, но если вы хотите сделать это и с JQuery, вы можете сделать это с битом, который говорит
$('#prev').click(function () {
move(-1);
});
$('#next').click(function () {
move(1);
});
function move(n) {
window.location.href = Number(currentNum) + Number(n) + '.htm';
}
В этом примере предполагается, что ссылки имеют идентификаторы "prev" и "next". Должно быть достаточно просто добавить идентификаторы к вашим текущим ссылкам на каждой странице с помощью глобального поиска и замены.
Надеюсь, это поможет!