Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.09.2018, 14:32
Интересующийся
Отправить личное сообщение для kostia170985 Посмотреть профиль Найти все сообщения от kostia170985
 
Регистрация: 29.04.2015
Сообщений: 11

Как прикрутить лупу с fancybox 3
Помогите кто чем может))
Хочу прикрутить лупу к модульному окну картинки.
Вот сам плагин https://fancyapps.com/fancybox/3/
Вот лупа.
http://www.jacklmoore.com/zoom/
По отдельности все работает а вместе нет.
Может это физически не возможно?
Подскажите пожалуйста.
Ответить с цитированием
  #2 (permalink)  
Старый 11.09.2018, 16:36
Интересующийся
Отправить личное сообщение для kostia170985 Посмотреть профиль Найти все сообщения от kostia170985
 
Регистрация: 29.04.2015
Сообщений: 11

<!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>

Народ подскажите может я туплю. Может это физически не возможно? Может идея не очень?
Ответить с цитированием
  #3 (permalink)  
Старый 11.09.2018, 16:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

kostia170985,
строка 12 бесполезна
'.fancybox-image' создатся после клика по ссылке
и '.fancybox-image' "закрыта" от мыши и кликов -- zoom не сработает
Ответить с цитированием
  #4 (permalink)  
Старый 11.09.2018, 16:57
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

К тому же в fancybox есть свой зум
Ответить с цитированием
  #5 (permalink)  
Старый 11.09.2018, 17:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от Dilettante_Pro
есть свой зум
как заставить его увеличить картинку ?
Ответить с цитированием
  #6 (permalink)  
Старый 11.09.2018, 17:20
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Сообщение от рони
как заставить его увеличить картинку ?
В приведенном примере пост 2 видно:
после запуска fancybox (клика по исходным картинкам) появляется лупа, кликами по которой картинка увеличивается-уменьшается. То же происходит и просто при клике по картинке
Ответить с цитированием
  #7 (permalink)  
Старый 11.09.2018, 17:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Dilettante_Pro,
не верь глазам своим, это не увеличение картинки!
Ответить с цитированием
  #8 (permalink)  
Старый 11.09.2018, 18:13
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

рони,
А что это? увеличение блока в котором картинка, пользователю ведь разницы нет
Ответить с цитированием
  #9 (permalink)  
Старый 11.09.2018, 18:22
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

В смартфонах тоже зум не такой, как в фотокамерах с нормальным объективом.
Ответить с цитированием
  #10 (permalink)  
Старый 11.09.2018, 18:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

j0hnik,
Dilettante_Pro,
нет там зума никакого, есть исходный размер картинки.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
initComponent: Как получить данные родителя и как получить store для вызова load()? Пролетарий ExtJS 76 04.07.2015 09:22
Как заставить fancybox вспывать не по клику а по событию onload ??? ilyas-> Элементы интерфейса 24 28.07.2013 13:54
Как в fancybox передать href не создавая его в разметке ??? ilyas-> Элементы интерфейса 18 28.07.2013 10:32
сквозной просмотр с помощью fancybox headrush Элементы интерфейса 0 12.06.2013 22:14
Как сделать как в JQ? faforty Общие вопросы Javascript 8 14.11.2011 01:35