前回の貼り付けコードをもう少しいじってみました。
- 24行目 著作権表示部分の高さをheightに含めず、追加するにしました。
widthとheightの値をアスペクト比に合わせるのが簡単になります。 - 33，34行目 写真が1枚の時に不要な左右の矢印を非表示にしました。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Panoramio Widget API(JavaScript) sample</title>
</head>
<body>
<!-- bloggerのレイアウトでヘッダーの下へ追加(HTML/javaScript) -->
<script type="text/javascript" src="http://www.panoramio.com/wapi/wapi.js?v=1&hl=ja"></script>
<style type="text/css">
.panoramio-wapi-photo .panoramio-wapi-images {
background-color: #ffffff;
}
</style>
<!-- ここまで -->
<!-- 以下はブログの記事中にHTMLモードで記入 -->
<div id="d20130228A"></div>
<script type="text/javascript">
(function() {
var wapiblock = document.getElementById('d20130228A');
var myOptions = {
'width': 360,
'height': 240,
'attributionStyle' : panoramio.tos.Style.DEFAULT_ADD,
'openLinksInNewWindow': true
};
var photoRequestOptions = {
ids: [
{ 'photoId': 85410010, 'userId': 1597930 }
]
};
var widget = new panoramio.PhotoWidget(wapiblock, photoRequestOptions, myOptions);
widget.enableNextArrow(false);
widget.enablePreviousArrow(false);
widget.setPosition(0);
})();
</script>
<!-- ここまで -->
</body>
</html>
0 件のコメント:
コメントを投稿