Инструмент JQuery Loupe с изображением Protextion - PullRequest
Новая
       51

Инструмент JQuery Loupe с изображением Protextion

1 голос
/ 22 сентября 2011

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

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

Скрипт Image Loupe: http://jdbartlett.com/loupe/

Скрипт защиты изображений: http://davidwalsh.name/image-protector-plugin-for-jquery

Инструмент лупы работает путем связывания большего изображения с меньшим «миниатюрой» и изменения CSS с помощью javascript для создания эффекта «увеличения» внутри квадрата.

Инструмент защиты изображений работаетнакладывая пустой .gif поверх изображения с помощью абсолютного позиционирования.

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

Любая помощь будет принята с благодарностью!

Ответы [ 2 ]

0 голосов
/ 24 сентября 2011

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

Первое, что яя запретил перетаскивать веб-страницы с помощью:

<body ondragstart="return false">

Затем я использовал фрагмент JavaScript, чтобы запретить щелчок правой кнопкой мыши на изображениях:

$('img').bind("contextmenu",function(){ return false; });

Это простое исправление, которое, вероятно, не позволит большому проценту людей украсть мои драгоценные изображения!: -)

0 голосов
/ 22 сентября 2011

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

Что касается сценария защиты изображений, который вы связали, я бы не стал его беспокоить. Все, что нужно, это быстрое изменение размера окна браузера, чтобы получить файл. FAIL!

...