Инструмент JQuery Loupe с изображением Protextion
Я работаю в компании, которая хочет использовать инструмент лупы для больших изображений на нашем веб-сайте, но также хочет включить некоторую защиту изображений (понимая, что никакая работа не помешает кому-то зацепить изображение).
Я натолкнулся на два действительно замечательных скрипта с открытым исходным кодом, которые делают это по отдельности, но не хотят работать вместе.
Скрипт лупы: http://jdbartlett.com/loupe/
Скрипт защиты изображений: http://davidwalsh.name/image-protector-plugin-for-jquery
Инструмент loupe работает путем связывания большего изображения с меньшим "миниатюрой" и изменения CSS с помощью javascript для создания эффекта "увеличения" внутри квадрата.
Инструмент защиты изображений работает путем наложения пустого.gif поверх изображения с помощью абсолютного позиционирования.
У меня вопрос, есть ли способ объединить эти два? Я почесываю голову, потому что я не думаю, что с помощью этого инструмента лупы можно наложить на.gif и по-прежнему учитывать интерактивность с помощью инструмента Лупы.
Любая помощь будет принята с благодарностью!
2 ответа
В качестве обновления я использовал комбинацию двух других методов, чтобы в основном удержать большинство людей от получения изображения (опять же, я знаю, что невозможно полностью запретить людей).
Первым делом я запретил перетаскивать веб-страницы с помощью:
<body ondragstart="return false">
Затем я использовал фрагмент JavaScript, чтобы запретить щелчок правой кнопкой мыши на изображениях:
$('img').bind("contextmenu",function(){
return false;
});
Это простое исправление, которое, вероятно, не позволит большому проценту людей украсть мои драгоценные изображения!:-)
Я бы просто использовал лупу js и сделал бы каталог (содержащий большое изображение) недоступным для всех, кроме хоста.
Что касается сценария защиты изображений, который вы связали, я бы не стал его беспокоить. Все, что нужно, это быстрое изменение размера окна браузера, чтобы получить файл. ПОТЕРПЕТЬ ПОРАЖЕНИЕ!