Как убрать рандомное выделение картинок при переключении слайда?

Question

[aaskereia]

Сделал слайдер(учусь) вот собственно код, при переключении иногда выделяются картинки. с чем это связано?
https://codepen.io/Satanic/pen/GyvpqX

Answer 1

[Anton Filippov]

не надо никаким бэкграундом делать слайды, добавьте user-select: none; к .slider-content-item img

выделение происходит, если часто кликать, считывается дабл-клик, а дабл-клик как раз нужен для выделение контента

Comments

[aaskereia]

именно то что я искал =) правда нашел за место этого pointer-events: none; а оно не пашет)) спасибо!

Answer 2

[Морс Суперберг]

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

Comments

[aaskereia]

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

[Морс Суперберг]

aaskereia, а у меня все нормально :) ничего не выделяется!

[aaskereia]

Морс Суперберг, тут дело в том что я хочу логику больше понять, нежели чтобы хоть как то работало =)

[Морс Суперберг]

Тут я ничем не могу помочь :( Я бы сделал такой костыль: добавил data-* атрибут с изображением, который был бы ссылкой на фон, и менял JS его, а в чем проблемы вашего кода, я понять не могу)