自動的に画像をリサイズするjQueryスライドショー


20100815-01
Image Scale Carousel 」はjQueryで動作するスライドショープラグインです。

IT/WEB業界への転職なら求人サイトGreen


通常、画像ギャラリーを作る際には全ての画像を同一のサイズにリサイズ調整してから表示させると思いますが、
このプラグインを使うと自動的に最適なサイズになるように調整してくれます。
(サーバーサイドのスクリプトは使用しないので、ファイルサイズはそのままです。)

以下のようなコードで動作するようです。
画像ファイルの配列をプラグインに渡すだけで、簡単にできました。

  //画像ファイルをここで指定します。
  var carousel_images = [
    "1.jpg", 
    "3575375564_79ab90dca8_b.jpg",
    "2505235306_b456603cf3_b.jpg",
    "2925947121_8b1f95c95b_b.jpg",
    "4481220450_91b0aa9e99_b.jpg",
    "299048945_faba1a6a4b_b.jpg",
    "2335224771_cec36d33a6_o.jpg"
  ];


  $(window).load(function() {

    //スライドショーを表示させたい位置を指定します。
    $("#photo_container").isc({
        imgArray: carousel_images
    });

  });

定期的に更新作業がある場合などに便利そうですね。
興味のある方はぜひ!

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly