jquery ile resim yakınlaştırma | SanalData | Yazılım ve Teknoloji Haberleri Sitesi https://www.sanaldata.com Yazılım ve teknoloji üzerine her türlü makaleye ulaşabileceğiniz site Fri, 18 Jun 2021 09:00:13 +0000 tr hourly 1 https://wordpress.org/?v=6.9.4 https://www.sanaldata.com/wp-content/uploads/2016/11/cropped-logo-32x32.png jquery ile resim yakınlaştırma | SanalData | Yazılım ve Teknoloji Haberleri Sitesi https://www.sanaldata.com 32 32 Jquery ile Resim Zoom Yapma https://www.sanaldata.com/jquery-ile-resim-zoom-yapma https://www.sanaldata.com/jquery-ile-resim-zoom-yapma#respond Thu, 22 Oct 2020 11:16:00 +0000 https://www.sanaldata.com/?p=1477 Merhabalar, Jquery ile resim zoom yapmak isterseniz aşağıdaki kodları kullanabilirsiniz. Javascript dosyasının buradan indirebilirsiniz. [crayon-69f32a53f1ea8950619064/] Eğer çoklu resim için yani galeri stili yapmak isterseniz buradaki kodları indirip kullanabilirsiniz. Yukardaki kodlar tek bir resim içindir.

The post Jquery ile Resim Zoom Yapma first appeared on SanalData | Yazılım ve Teknoloji Haberleri Sitesi.]]> Merhabalar,

Jquery ile resim zoom yapmak isterseniz aşağıdaki kodları kullanabilirsiniz. Javascript dosyasının buradan indirebilirsiniz.

<!DOCTYPE HTML>
<html lang="tr-TR">
<head>

	<meta charset="UTF-8">
	<title>cArleone</title>
	<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="https://www.elevateweb.co.uk/wp-content/themes/radial/jquery.elevatezoom.min.js"></script>
	<script type="text/javascript">

		$(function(){

			$("#zoom").elevateZoom({

				tint:true, 

				tintColour:'#d12c69', 

				tintOpacity:0.2,

				cursor: "crosshair",

				scrollZoom : true

			});

		})

	</script>
	<style type="text/css">	

	</style>
</head>
<body>
<img src="kucuk/kucuk_resim.jpg" id="zoom" data-zoom-image="buyuk/buyuk_resim.jpg" />
</body>
</html>

Eğer çoklu resim için yani galeri stili yapmak isterseniz buradaki kodları indirip kullanabilirsiniz. Yukardaki kodlar tek bir resim içindir.

Jquery image zoom

Jquery image zoom

The post Jquery ile Resim Zoom Yapma first appeared on SanalData | Yazılım ve Teknoloji Haberleri Sitesi.]]> https://www.sanaldata.com/jquery-ile-resim-zoom-yapma/feed 0