Как сделать из изображений сделать горизонтальный таб?

Question

[Berkutman]

Всем привет, прошу помощи реализовать данную функцию

Answer 1

[Денис Васильев]

Вроде тоже самое спрашивали. Вам в прошлый раз не помогли?
https://codepen.io/corvus-007/pen/gdRLvq?editors=1100

Comments

[Berkutman]

Спасибо, а как сделать что бы текст выдвигался ?

[Денис Васильев]

Berkutman, обновил пен, перейдите еще раз по ссылке.

[Berkutman]

Денис Васильев, спасибо.А как сделать что бы текст можно скрывать? При нажатии допустим на телефон текст вылазит ,потом снова нажатие на телефон и текст исчезает?

[Денис Васильев]

Berkutman, Обновил пэн.

[Berkutman]

Денис Васильев, не подскажите такой момент как вставить свой png как svg? Всякие конвекторы не дают результат. Или использовать картинки вместо svg тип с замещением.

<img SRC="1.png" onclick=imgchange(this,"1.png","2.jpg")>

<script>
  var x=false
  function imgchange(obj,imgX,imgY) {
   if  (x){
   obj.src=imgX
   } else {
   obj.src=imgY
   }
  x=!x
 }
 </script

[Berkutman]

Денис Васильев, Сделал сам.Благодарю