# Prevent downloading of posted images

**URL:** <https://meta.discourse.org/t/prevent-downloading-of-posted-images/99689>\
**Category:** Product Support\
**Created:** [16.Октябрь.2018 22:50:34 UTC](https://meta.discourse.org/t/prevent-downloading-of-posted-images/99689 "2018-10-16T22:50:34Z")\
**Posts on this page:** 1\
**Showing post:** 34

<div class="post-metadata">

**Author:** ![ariznaf](https://avatars.discourse-cdn.com/v4/letter/a/ecccb3/32.png) [@ariznaf](https://meta.discourse.org/u/ariznaf)\
**Post date:** [24.Январь.2024 10:36:12 UTC](https://meta.discourse.org/t/prevent-downloading-of-posted-images/99689/34 "2024-01-24T10:36:12Z")

</div>

Привет, @davidkingham

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

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

Но это не работает: я всё ещё могу открыть вторичное меню и открыть полное изображение в отдельном окне.

Я пытался добавить это в CSS:

```plaintext
img {
    pointer-events: none;
}

```

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

Что не так?

Было бы здорово скрыть ссылки для скачивания под лайтбоксом.

Ранее у меня в CSS был следующий блок:

```plaintext
.image-source-link
{
    display: none;
}

```

Но теперь это тоже, кажется, не работает, так как ссылки _download_ и _original image_ всё равно отображаются под изображением в лайтбоксе.

ОБНОВЛЕНИЕ:

Я модифицировал второй скрипт, добавив туда .lightbox-wrapper, и теперь, кажется, всё работает: контекстное меню не появляется при щелчке правой кнопкой мыши по изображению в посте, а лайтбокс корректно открывается при обычном клике по изображению.

```plaintext
<script type="text/discourse-plugin" version="0.8">
  api.onPageChange((url, title) => {
    $("body").on("contextmenu", ".cooked img, .mfp-img, .lightbox-wrapper", function(e) {
      e.preventDefault();
    });
  });
</script>

```

Стоит ли мне удалить первый скрипт, который пытается сделать то же самое для общего объекта img?

Если я заменю CSS для .img-source-link на .mfp-title, это работает: ссылки для скачивания больше не видны, но скрывается и заголовок. Я не понимаю, почему скрытие только ссылок не работает, а скрытие всей панели заголовка — работает.

```plaintext
.mfp-title
{
    display: none;
}

```

---

_[View the full topic](https://meta.discourse.org/t/prevent-downloading-of-posted-images/99689)._