料理の写真をスライドショーで見せたかったので、
jqueryのgallery viewをMTで使ってみる。
jqueryのgallery viewをMTで使ってみる。
<script type="text/javascript" src="http://basil.sc/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://basil.sc/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://basil.sc/js/jquery.galleryview-1.1.js"></script>
<script type="text/javascript" src="http://basil.sc/js/jquery.timers-1.1.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#photos').galleryView({
panel_width: 600,
panel_height: 400,
frame_width: 105,
frame_height: 70,
overlay_height: 40
});
});
</script>
<div id="photos" class="galleryview">
<mt:Assets type="image" lastn="10" blog_ids="1">
<div class="panel">
<img src="<$MTAssetURL$>" />
<div class="panel-overlay">
<h2><$MTAssetLabel$></h2>
</div>
</div>
</mt:Assets>
<ul class="filmstrip">
<mt:Assets type="image" lastn="10" blog_ids="1">
<li><img src="<$mt:AssetThumbnailURL height="70"$>" alt="<$MTAssetLabel$>" title="<$MTAssetLabel$>" /></li>
</mt:Assets>
</ul>
</div>
サンプル（こだわりのバジルソース）
