ソース掲示板

メンテナンス
対象スレッド	件名： Highslide JS + ストリートビュー名前： lightbox
処理選択
パスワード
件名
Highslide JS + ストリートビュー
名前
lightbox
@HTML
<link href="http://lightbox.in.coocan.jp/hs/highslide/highslide.css" type="text/css" rel="stylesheet" />
<script charset="utf-8" type="text/javascript" src="http://lightbox.in.coocan.jp/hs/highslide/highslide-full.js"></script>
<script type="text/javascript">
	hs.graphicsDir = 'http://lightbox.in.coocan.jp/hs/highslide/graphics/';
	hs.showCredits = false;
	hs.allowMultipleInstances = false;
	hs.Expander.prototype.onBeforeExpand = function() {
		window.myPano.setVisible(true);
	}
</script>

<a
	class="highslide"
	onclick="return hs.htmlExpand(this, { align: 'center', contentId: 'hs090620220429',width: 700,outlineType : 'rounded-white' } )"
	 href="#"
><img src="https://lh3.googleusercontent.com/-87xcPdKBsIY/UUIYsag3-SI/AAAAAAAAMNs/62PEJWF0nQg/s500/_img.jpg" style="border: solid 1px #000000" /></a>
<div class="highslide-html-content" id="hs090620220429">
<div class="highslide-header">
<ul style='float:right'>
<li class="highslide-move"><a href="#" onclick="return false">移動</a></li>
<li class="highslide-close"><a href="#" onclick="return hs.close(this)">閉じる</a></li>
</ul>
これはどこだっけ・・・</div>
<div class="highslide-body">

<script type="text/javascript">  
if ( window['loadGmap_v3'] !== true ) {
	window['loadGmap_v3'] = true;
	document.write("<"+"script type=\"text/javascript\" src=\"http://maps.googleapis.com/maps/api/js?sensor=false\"></"+"script>");
}
</script>
<script type="text/javascript">  
(function() {
	str="";
	str+="<div id=\"sv514214ed09414\" style=\"width: 600px; height: 480px\"></div> ";
	document.write(str);
	google.maps.event.addDomListener(window, 'load', function () { 
		var bryantPark = new google.maps.LatLng(52.358788,4.885967);  
		var panoramaOptions = {  
			position:bryantPark,  
			addressControl: true,  
			addressControlOptions: {  
				position: google.maps.ControlPosition.RIGHT_BOTTOM  
			},  
			pov: {  
				heading: -5.93,  
				pitch: 9.34,  
				zoom:1  
			},  
			visible: true  
		};  
	  
		var targetDiv = document.getElementById("sv514214ed09414");  
		window.myPano = new google.maps.StreetViewPanorama(targetDiv, panoramaOptions); 
	}); 
})(); 
</script>

</div>
<div class="highslide-footer">
<div>
<span class="highslide-resize" title="Resize">
<span></span>
</span>
</div>
</div>
</div>

@HEND

@DIV
<link href="http://lightbox.in.coocan.jp/hs/highslide/highslide.css" type="text/css" rel="stylesheet" />
<script charset="utf-8" type="text/javascript" src="http://lightbox.in.coocan.jp/hs/highslide/highslide-full.js"></script>
<script type="text/javascript">
	hs.graphicsDir = 'http://lightbox.in.coocan.jp/hs/highslide/graphics/';
	hs.showCredits = false;
	hs.allowMultipleInstances = false;
	hs.Expander.prototype.onBeforeExpand = function() {
		window.myPano.setVisible(true);
	}
</script>

<a
	class="highslide"
	onclick="return hs.htmlExpand(this, { align: 'center', contentId: 'hs090620220429',width: 700,outlineType : 'rounded-white' } )"
	 href="#"
><img src="https://lh3.googleusercontent.com/-87xcPdKBsIY/UUIYsag3-SI/AAAAAAAAMNs/62PEJWF0nQg/s500/_img.jpg" style="border: solid 1px #000000" /></a>
<div class="highslide-html-content" id="hs090620220429">
<div class="highslide-header">
<ul style='float:right'>
<li class="highslide-move"><a href="#" onclick="return false">移動</a></li>
<li class="highslide-close"><a href="#" onclick="return hs.close(this)">閉じる</a></li>
</ul>
これはどこだっけ・・・</div>
<div class="highslide-body">

<script type="text/javascript">  
if ( window['loadGmap_v3'] !== true ) {
	window['loadGmap_v3'] = true;
	document.write("<"+"script type=\"text/javascript\" src=\"http://maps.googleapis.com/maps/api/js?sensor=false\"></"+"script>");
}
</script>
<script type="text/javascript">  
(function() {
	str="";
	str+="<div id=\"sv514214ed09414\" style=\"width: 600px; height: 480px\"></div> ";
	document.write(str);
	google.maps.event.addDomListener(window, 'load', function () { 
		var bryantPark = new google.maps.LatLng(52.358788,4.885967);  
		var panoramaOptions = {  
			position:bryantPark,  
			addressControl: true,  
			addressControlOptions: {  
				position: google.maps.ControlPosition.RIGHT_BOTTOM  
			},  
			pov: {  
				heading: -5.93,  
				pitch: 9.34,  
				zoom:1  
			},  
			visible: true  
		};  
	  
		var targetDiv = document.getElementById("sv514214ed09414");  
		window.myPano = new google.maps.StreetViewPanorama(targetDiv, panoramaOptions); 
	}); 
})(); 
</script>

</div>
<div class="highslide-footer">
<div>
<span class="highslide-resize" title="Resize">
<span></span>
</span>
</div>
</div>
</div>
@END