Можно ли сделать ссылкой псевдокласс (:before, :after)?

Question

[PKPG]

Приветствую всех!

Хочу доработать слайдер на сайте. Вставить внизу слайда полоски, думаю через псевдоклассы, первое что пришло в голову:) Но вот делать из них ссылки не доводилось, причем каждую полоску на разные слайды. Можно ли так сделать? В скриптах я - новичок Или можно через что-то еще это сделать?

Answer 1

[Сергей Горячев]

Мистер знает толк в извращениях.

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

<ul>
   <li><a href="#">ссылка на слайд 1</a></li>
   <li><a href="#">ссылка на слайд 1</a></li>
   <li><a href="#">ссылка на слайд 1</a></li>
   <li><a href="#">ссылка на слайд 1</a></li>
</ul>

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

https://habrahabr.ru/post/252075/ + демо jsfiddle.net/ReizorTM/a068hw55

Comments

[PKPG]

Точно и присвоить display:inline-block. Я всегда иду какими-то непонятными путями))

Не подскажете насчет переходов, а то я очень слаб в скриптах. К каждому я привязываю событие. Хорошо, это я понял :) Но что написать в самой функции? Когда переходишь на другой слайд даже классы не меняются, как же написать так, чтобы при нажатии на одну из ссылок можно было бы перейти на нужный слайд? Или же можно вообще только html обойтись?

[Сергей Горячев]

PKPG: В принципе, написание слайдеров в инете досточно хорошо описано. Как с использование скриптов, так и без них (на чистом html). Не вижу смысла пересказывать содержание статей. Попробуйте погуглить)))

[Сергей Горячев]

PKPG: например https://habrahabr.ru/post/252075/ + демо jsfiddle.net/ReizorTM/a068hw55

[PKPG]

Спасибо

Answer 2

[Alexander Pushkarev]

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

Comments

[Сергей Горячев]

Лол) Написал ответ, потом увидел твой) Оказывается, не мне одному это кажется извращением)))

Answer 3

[Константин Китманов]

Псевдоэлементы ::before и ::after удобны для сугубо оформительских целей. Поскольку отловить клик по ним можно только сравнивая координаты клика мыши с их координатами, использовать их для интерактива крайне неудобно.