Я использую jQuery.load для загрузки некоторого контента, но для SEO и для браузеров с отключенным JavaScript я использовал Progressive Enhancement для обычной ссылки на контент, используя теги <a>, и когда JavaScript загружается для контента .
Моя проблема в том, что на одной из страниц / загруженного контента есть изображение, если контент загружается с использованием JavaScript, источник изображения будет src="images/picture.png", но если его загрузить с использованием тегов <a>, это будет src="../images/picture.png" (обратите внимание на ../). Я знаю, что мог бы это исправить, изменив структуру файла, поместив загруженные страницы в тот же уровень папок, что и файл, но это означало бы, что в моем корне / или в главном файле будет загружена куча файлов, что приведет меня в замешательство URL для этой страницы.
Мне было интересно, могу ли я указать альтернативные источники для изображений (конечно, я не могу использовать JavaScript для этого; это должен быть чистый HTML).
ПРАВИЛЬНО ... НЕ ДУМАЙТЕ, ЧТО Я СДЕЛАЛ, ЧТО ОЧЕНЬ ЯСНО ОЧИСТИТЬ ...
Что мне нужно изменить:
если по этой странице щелкнуть по ссылке <a>, источником изображения должно быть src="../images/picture.jpg"
если содержимое загружается с использованием jQuery.load, источник изображения должен быть src="images/picture.jpg"
Этого нельзя достичь с помощью JavaScript, как если бы JS не работал или был отключен.