Question

I am having trouble making link.

I have a slide in a Magento store. Theme is responsive and slider is javascript.

This is the code i have:

<div id="camera_wrap" class="camera_wrap camera_orange_skin">
<div data-thumb="{{skin url='images/camera/slides/thumbs/slide1-thumb.png'}}" data-src {{skin url='images/camera/slides/b1.jpg'}}"></div>
</div>

Slider is showing picture and assosiated thumbnail. I want to make slider clickable but i cant get it working. Any ideas?
If i place

onclick="location.href='newurl.html';"

inside div, image is not showing 🙁
Any suggestions?

Answer 1

Don’t use inline onclicks… Assign your div a class and a custom data attribute. Example:

<div class="onclick-link" data-href="mylink.html">Some content here...</div>

And then:

$('.onclick-link').unbind('click').click(function() {
    window.location.href = $(this).attr('data-href');
});

This can be used for all div’s you want to turn into a link, bu assigning the class and the data-href attribute.