jQuery: любой способ добавить переменную к img без ее загрузки дважды?

Question

Я пытаюсь настроить этот hotlink prevention method, если URL-адреса img будут добавлены? I только при посещении браузером с поддержкой JavaScript, а не ботами.

Используя это в $(document).ready(function() работ:

var img= $("img.myimg"); 
img.attr("src", img.attr("src")+"?i"); 

Однако, это вызывает IMG дважды загрузки.

Есть ли другой способ добавления параметра для посетителей, которые не будут вызывать двойную нагрузку? И чтобы уточнить, я не имею в виду, что изображение появляется дважды на странице, но сервер дважды попадает по мере изменения URL-адреса.

Answer 1

Если вы хотите, чтобы изображение загружалось не только один раз и не было видно в его лучшей версии ботами, вы можете загрузить его только в JQuery только один раз. Тогда ответ slitcanvas' относится:

<img class="myimg" notthesrc="whatever.jpg" /> 

В JQuery:

var img= $("img.myimg"); 
img.attr("src", img.attr("notthesrc")+"?i"); 

Таким образом, изображение не загружается в HTML, а не ботами. Он загружается только JQuery.

=========

Если вы хотите версию изображения можно найти с помощью Google изображений и других ботов, а затем другой (больше, лучше, без уведомления об авторских правах или водяных знаков и т.д.), то вы не можете избежать наличия двух изображений:

<img class="myimg" src="whatever" /> 

В JQuery:

var img= $("img.myimg"); 
img.attr("src", img.attr("src")+"?i"); 

, где «все» это адрес, который будет возвращать версию ботов - например, низкое изображение с водяным знаком, и «что?» возвращает хороший.

В этом случае загружаются два изображения, первое из которых предназначено для ботов.

Answer 2

Могли бы вы не имеете:

<img class="dheimg" presrc="/location-of-file/name.jpg" src="" [height/width/alt] /> 

Без Src тега, а затем добавить его с помощью JavaScript после загрузки страницы?

$(document).ready(function(){ 
    var img= $("img.myimg"); 
    img.attr("src", img.attr("presrc")+"?i"); 
} 

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