Как прикрутить лупу с fancybox 3
Помогите кто чем может))
Хочу прикрутить лупу к модульному окну картинки. Вот сам плагин https://fancyapps.com/fancybox/3/ Вот лупа. http://www.jacklmoore.com/zoom/ По отдельности все работает а вместе нет. Может это физически не возможно? Подскажите пожалуйста. |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> <!-- 1. Add latest jQuery and fancyBox files -->
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.1/jquery.fancybox.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.1/jquery.fancybox.min.js"></script>
<script src="http://www.jacklmoore.com/js/jquery.zoom.js"></script>
<script>
$(document).ready(function(){
$('.fancybox-image').zoom();
});
</script>
</head>
<!-- 2. Create links -->
<a data-fancybox="gallery" href="http://www.newerapr.com/uploads/3/9/5/3/39535555/idf16-conexant_orig.png"><img width="300px" src="http://www.newerapr.com/uploads/3/9/5/3/39535555/idf16-conexant_orig.png"></a>
<a data-fancybox="gallery" href="https://www.writingwhimsy.com/wp-content/uploads/2013/11/fancybox_banner.png"><img width="300px" src="https://www.writingwhimsy.com/wp-content/uploads/2013/11/fancybox_banner.png"></a>
<!-- 3. Have fun! -->
</body>
</html>
Народ подскажите может я туплю. Может это физически не возможно? Может идея не очень? |
kostia170985,
строка 12 бесполезна '.fancybox-image' создатся после клика по ссылке и '.fancybox-image' "закрыта" от мыши и кликов -- zoom не сработает |
К тому же в fancybox есть свой зум
|
Цитата:
|
Цитата:
после запуска fancybox (клика по исходным картинкам) появляется лупа, кликами по которой картинка увеличивается-уменьшается. То же происходит и просто при клике по картинке |
Dilettante_Pro,
не верь глазам своим, это не увеличение картинки! :) |
рони,
А что это? увеличение блока в котором картинка, пользователю ведь разницы нет |
В смартфонах тоже зум не такой, как в фотокамерах с нормальным объективом.
|
j0hnik,
Dilettante_Pro, нет там зума никакого, есть исходный размер картинки. |
| Часовой пояс GMT +3, время: 16:22. |