- Beranda
- Website, Webmaster, Webdeveloper
[ask] cara membuat website ini
...
TS
hiramakimen
[ask] cara membuat website ini
Halo Gan,
ane mau tanya nih,cara membuat website ini http://costaupvc(*)com/site/
terlihat sih simple. tapi yang ane binggung. bagaimana membuat koordinat nya gitu... apakah diperlukan program khusus untuk pembuatan itu?
ini ane kasih programnnya juga
ane mau tanya nih,cara membuat website ini http://costaupvc(*)com/site/
terlihat sih simple. tapi yang ane binggung. bagaimana membuat koordinat nya gitu... apakah diperlukan program khusus untuk pembuatan itu?
ini ane kasih programnnya juga
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="ico/favicon.png">
<title>test</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="style.css" rel="stylesheet" type="text/css">
<style>
</style>
</head>
<body>
<header class="header">
<div class="container p_none">
<div class="map">
<div id="zoom_container">
<img id="yourImageID" src="images/jkt_.png" width="1024px" height="768px" />
<div class="landmarks" style="background:#939598;" data-show-at-zoom="100" data-allow-drag="true" data-allow-scale="false">
<div class="item mark" data-position="3477,2333" data-show-at-zoom="0">
<div>
<a href="#">
<div class="text" title="Airport Halim Perdanakusuma">1</div>
</a>
</div>
</div>
<div class="item mark" data-position="2769,1462" data-show-at-zoom="0">
<div>
<a href="#"><div class="text" title="Tugu Tani">
86
</div> </a>
</div>
</div>
<div class="item mark" data-position="2932,1581" data-show-at-zoom="0">
<div>
<a href="#"><div class="text" title="UI Salemba">
87
</div> </a>
</div>
</div>
<div class="item mark" data-position="2332,664" data-show-at-zoom="0">
<div>
<a href="#"><div class="text" title="Waduk Pluit">
89
</div> </a>
</div>
</div>
<div class="item mark" data-position="1308,676" data-show-at-zoom="0">
<div>
<a href="#"><div class="text" title="Waterboom Jakarta">
90
</div></a>
</div>
</div>
<div class="item mark" data-position="2634,1521" data-show-at-zoom="0">
<div>
<a href="#"><div class="text" title="Taman Sari Royal Spa">
91
</div></a>
</div>
</div>
<div class="item mark" data-position="2696,1399" data-show-at-zoom="0">
<div>
<a href="#"><div class="text" title="World Royal Heritage">
92
</div></a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
[removed][removed]
[removed][removed]
[removed]
jQuery(function($){
$('#yourImageID').smoothZoom({
width: 960,
height: 400,
pan_BUTTONS_SHOW: "NO",
pan_LIMIT_BOUNDARY: "NO",
button_SIZE: 32,
button_ALIGN: "top right",
zoom_MAX: 800,
border_TRANSPARENCY: 20,
container: 'zoom_container',
/******************************************
Enable Responsive settings below if needed.
Max width and height values are optional.
******************************************/
responsive: true,
responsive_maintain_ratio: true,
max_WIDTH: '',
max_HEIGHT: ''
});
});
[removed]
[removed][removed]
</body>
</html>
0
1.2K
4
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Mari bergabung, dapatkan informasi dan teman baru!
Website, Webmaster, Webdeveloper
23.3KThread•4.4KAnggota
Terlama
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru