Предотвращение загрузки изображений, таких как Instagram

Question

Как Instragram предотвращает загрузку изображений? http://instagram.com/p/elPBOqFWVl/embed/#

Я знаю, что ссылка на изображение http://distilleryimage5.ak.instagram.com/f883e09023e111e3a35d22000aaa05f7_7.jpg, которая может быть найдена в коде, но как она не выбирается, и контекстное меню для загрузки не появляется, когда вы щелкаете правой кнопкой мыши. Большинство сайтов используют прозрачную картинку по фактической картинке, но есть внешний вид javascript, который выглядит по внешнему виду кода.

Answer 1

Если вы используете firebug для отладки этой страницы, вы обнаружите, что это не изображение. Скорее, это div с свойством background-image, установленным на ссылку на изображение. Как только вы нажмете ссылку на img, указанную в CSS, вы можете легко загрузить ее.

После осмотра, CSS для DIV является

element.style { 
    background-image: url(http://distilleryimage5.ak.instagram.com/f883e09023e111e3a35d22000aaa05f7_7.jpg); 
}