Как обернуть изображение JSSOR тегом привязки для гиперссылки на одно изображение? - PullRequest
Новая
       38

Как обернуть изображение JSSOR тегом привязки для гиперссылки на одно изображение?

0 голосов
/ 12 декабря 2018

Мы обновили JSSOR 26.5.2 до 27.5.0 и обнаружили, что больше не можем использовать «слайды ссылок», как описано в документации JSSOR здесь:

https://www.jssor.com/development/define-slides-html-code.html

Кажется, проблема в изменении DOM в JSSOR 27. Теперь есть новый элемент DIV, элемент с data-events = auto и data-display = block, который действует как своего рода «стекло» передфактическое изображение (изображение с u = image).В результате любой ..., который окружает фактический IMG, никогда не может быть нажат, потому что z-индекс этого "стекла" предотвращает щелчок на.

В нашем случае, мы всегда использовалитакая конструкция: 

<a u="image" href="..." style="display: block;">
  <img src="..." alt="..."/>
</a>

Это всегда работало до сих пор.Это ошибка в JSSOR?

1 Ответ

0 голосов
/ 12 декабря 2018

Ваш код правильный.

В любом случае, вот пример, надеюсь, это поможет.

https://www.jssor.com/jssordev/problems/image-slider.slider

https://www.jssor.com/jssordev/problems/image-slider.slider/=edit

код вывода такой, как показано ниже: 

<a href="#">
    <img data-u="image" src="//jssorcdn7.azureedge.net/demos/img/gallery/980x380/004.jpg" />
    <div data-t="0" style="position:absolute;top:30px;left:30px;width:500px;height:40px;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);">responsive, scale smoothly</div>
</a>

Редактировать

У меня возникла проблема, в новой версии улучшено использование элемента <a> в качестве целого слайда.Таким образом, вы можете добавить что-нибудь внутри, не скрывая область ссылки.

То есть, поскольку <a> является слайдом, вы можете удалить родительский элемент <div>.

...