Magento2 how to insert link inside the img tag with knockout js

Question

<img data-bind="attr:{src: 'pub/media/catalog/product'+image_url}"/>
                <a data-bind="attr: {href: product_url}, html: name" class="product-item-link">
                </a>

Can somebody help me with this? I wanted to make the image clickable but whenever I try to put it inside the tag, the image doesn't show

Answer 1

That is not valid HTML, the img needs to be inside the a.

<a data-bind="attr: {href: product_url}, html: name" class="product-item-link">
    <img data-bind="attr:{src: 'pub/media/catalog/product'+image_url}"/>
</a>

Answer 2

u should try this example:

<a href="https://www.google.com/" target="popup" onclick="window.open('https://www.google.com/','popup','width=1000,height=800'); return false;"><img class="img-bank pull-left" data-bind="attr: { src: require.toUrl('images/path') }" title="Google" style="width:auto;height:28px;"></a>