span
на один пиксель, чтобы показать как съезжают блоки. data-image-src
и меняя этот атрибут вы ничего кроме замены в нем значения браузеру не сообщаете. Этот атрибут у вас используется каким-то другим скриптом. Вам нужно менять непосредственно тот атрибут или стили элемента, которые отображают картинку в браузере. Либо инициализировать изменения у скрипта, который этот атрибут читает.
e
это идентификатор события (event
), которое происходит при нажатии на элемент. С помощью методаe.preventDefault()
мы отменяем все дефолтные действия браузера, которые он должен сделать при наступлении этого события. В нашем случае клика по ссылке.