JSFiddle - React, Tailwind, and code Playground

by jensgram

HTML

<ul id="product-thumbs-list">
    <li><a href="1-big.jpg" rel="useZoom: 'cdonZoom', smallImage: '1.jpg'">link1</a></li>
    <li><a href="2-big.jpg" rel="useZoom: 'cdonZoom', smallImage: '2.jpg'">link2</a></li>
</ul>
<p id="out"></p>

JavaScript

$(function() {
$('a').mouseover(function() {
    eval('var rel = {' + $(this).attr('rel') + '};');
    $('#out').text(rel.smallImage);
});
});