温故知新 linux実践講座

温故知新 linux実践講座

温故知新。linuxを使いこなしてみよう。

ホーム » スクリプト入門 » スライド メニューはjCarousel Liteで

— 広告 —


— 広告 —

スライド メニューはjCarousel Liteで

所要時間 約 2分

jCarousel Lite の記事に感謝です。

のお世話になります。

jCarousel Lite + Lightbox

jCarousel Lite で lightbox2 を使うと、prototype.js と jQuery がコンフリクト(競合・衝突)するので、
jQuery.noConflict(); を使います。
※呼び出す順に注意。http://www.sora-blue.net/~hp/others/jcarousel_lite.phpを参考に。

 
  <link rel="stylesheet" href="css/lightbox.css" type="text/css" />
  <script type="text/javascript" src="js01/js/prototype.js"></script>
  <script type="text/javascript" src="js01/scriptaculous.js?load=effects,builder">
  </script> 
  <script type="text/javascript" src="js01/lightbox.js"></script> 
 
  <link rel="stylesheet" href="jcarousellite.css" type="text/css" />
  <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
  <script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script> 
  <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>   
 
  <script type="text/javascript">
  <!--
  jQuery.noConflict();
  jQuery(document).ready(function($){
    $(".anyClass").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
 
  //option 
        circular: false,   //スライドの最後の設定(falseで停止・trueで最初に戻る)
        mouseWheel:true,   //マウスホイールでスライド
      });
  });
  //-->
  </script>
-- 広告 -- -- 広告 --

 

この記事に関連する記事一覧

アフィリエイトで稼ぐ
プロフィール

ぴよふぁくとりぃです。

職業は自宅でサーバ管理、資格は薬剤師です。
趣味も職業もパソコンラブです。
よろしくね。
連絡先: admin@arakanoj.com
URL: http://piyofactory.com

検索
人気ページ
東京電力予想最大電力(万kW)
twitter
使い方を知れば知るほど楽しく使える Linux。
Linux の基本を覚えてもっともっと楽しいコンピュータの使い方を身につけましょう。