MTでgallery viewを使う

| コメント(0) | トラックバック(0)
料理の写真をスライドショーで見せたかったので、

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>
サンプル(こだわりのバジルソース)

トラックバック(0)

トラックバックURL: http://web.p-jisoku.com/mt4.2/mt-tb.cgi/482

コメントする

Google AdSense

バナー

プチ自給自足、野菜、果物、柑橘、栽培日記
晴耕雨読夜web
WEB備忘録(うぇぶびぼうろく)
blogranking
にほんブログ村 ネットブログへ
FC2 Blog Ranking
Powered by Movable Type 4.261