ZoomIn ZoomOut Необычная коробка - PullRequest
Новая
       6

ZoomIn ZoomOut Необычная коробка

0 голосов
/ 08 января 2019

Когда я нажимаю на изображение, оно становится большим, если я нажимаю на него, то оно увеличивается, оно должно быть увеличено, даже если я нажимаю кнопку «Далее» или «Предыдущие», пока не уменьшу изображение. Это не должно использовать кнопку масштабирования на панели инструментов. Мне нужно это в изображении, когда он отображается, когда я нажимаю, я работал сегодня наполовину нашел какое-то решение, но это не было мне нужно. Пожалуйста, помогите ...

Найди мой код 

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.5/dist/jquery.fancybox.min.css" />
<!-- https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.5/dist/jquery.fancybox.min.css -->
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.5/dist/jquery.fancybox.min.js"></script>
<!-- https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.5/dist/jquery.fancybox.min.js -->

</head>
<body>
<a data-fancybox="gallery" href="https://buddhisteconomics.net/wp-content/uploads/2017/10/hdwp693968124.jpg">
  <img src="https://buddhisteconomics.net/wp-content/uploads/2017/10/hdwp693968124.jpg" width="150" height="150">
</a>
<a data-fancybox="gallery" href="https://s3-us-west-2.amazonaws.com/uw-s3-cdn/wp-content/uploads/sites/6/2017/11/04133712/waterfall.jpg">
  <img src="https://s3-us-west-2.amazonaws.com/uw-s3-cdn/wp-content/uploads/sites/6/2017/11/04133712/waterfall.jpg" width="150" height="150">
</a>
<input type="hidden" name="zoomBTN" value="0" id="zoomBTN">
</body>
<script type="text/javascript">
	/*$(document).ready(funtion(){
		
	});*/
	/*$('[data-fancybox]').fancybox({
		// Options will go here
		toolbar  : false,
		smallBtn : true,
		iframe : {
			preload : false
		}
	});*/

	$('[data-fancybox]').fancybox({
	    // Options will go here
	    toolbar  : false,
	    smallBtn : true,
	    iframe : {
	        preload : false
	    },clickContent: function(current, event) {
	    var getExistval = $("#zoomBTN").val();
	    $(".fancybox-image").click(function(){
	        if(getExistval == 0){
	            $("#zoomBTN").val('1');
	        } else if(getExistval == 1){
	            $("#zoomBTN").val('0');
	        } else {
	            $("#zoomBTN").val('1');
	        }
	    });
	    return current.type === "image" ? "zoom" : false;
	  },afterShow :function() {
	    if($("#zoomBTN").val() == 1){
	        $('.fancybox-button--zoom').click();
	    }
	  }

	});
</script>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...