Interactive Link (plugin or theme)

Envato Authors Theme Authors
1

Hi,
Im looking for a feature like this one: https://boldlab.qodeinteractive.com/interactive-links/
It is just a text link that can change an image aside.

Does anyone know if there is a plugin or something that can achieve this?
thanks!

2

That can be achieved in just few lines of JavaScript:

https://jsfiddle.net/7Lc3zrtq/

HTML:

<div id="links">
  <a href="#" data-img="https://picsum.photos/400/200?v=1">Link 1</a>
  <a href="#" data-img="https://picsum.photos/400/200?v=2">Link 2</a>
  <a href="#" data-img="https://picsum.photos/400/200?v=3">Link 3</a>
</div>
<img id="links-img" src="https://picsum.photos/400/200?v=1"/>

JS:

var $ = document.querySelector.bind(document);
var img = $('#links-img');
$('#links').addEventListener('mouseover', (ev) => {
    if (ev.target.dataset.img) {
      img.src = ev.target.dataset.img;
    }
})
1 Like
3

Awesome! thank you!