Я использую плагин jQuery для облачного масштабирования для функции «внутреннего масштабирования» (link to plugin page). Я хочу, чтобы, когда кто-то витает над изображением, они могут нажать на увеличенное изображение, чтобы перейти к ссылке. Кто-нибудь знает, как это делается?Создание внутреннего изображения масштабирования в плагине Cloud Zoom clickable (jQuery)
Заранее благодарен!
Cloud-Zoom генерирует div, называемый «обертыванием» на каждом изображении, использующем облачный зум. Мы можем добавить возможность «щелчка» в div #wrap с помощью jQuery. В этом примере мы создадим пользовательский атрибут «myurl», где вы укажете, куда вы хотите связать изображение.
В вашем <head> тег:
<script>
jQuery(window).load(function() {
jQuery('div#wrap').click(function(){ window.location=$(this).find("a").attr("myurl");
return false; });
});
</script>
Тогда вы будете добавлять myurl="http://www.website.com" к <a> каждого облака увеличенного изображения. Ваш html должен выглядеть так:
<a href='main.jpg' myurl="http://www.bungy.com/" class='cloud-zoom'
rel="position: 'inside', adjustX: 0, adjustY: 0, showTitle: false">
<img src="thumb.jpg" style="opacity: 1;"/>
</a>
Дайте мне знать, как это работает для ya.
Это сработало отлично! Спасибо огромное! – kevin