jQueryのinnerfadeプラグインでイメージを切り替える

説明補足説明コード分割コード関連書籍コメント投稿

このサンプルは、jQueryのinnerfade()プラグインを利用してイメージを５秒間隔で切り替えます。イメージを切り替える時間は引数で指定します。ここでは５秒間隔で切り替えています。

このサンプルは、jQueryのinnerfade()プラグインを利用してイメージを５秒間隔で切り替えます。イメージを切り替える時間は引数で指定します。ここでは５秒間隔で切り替えています。 

    $(function() {
      $('ul#portfolio').innerfade({
        speed: 1000,
        timeout: 5000,
        type: 'sequence',
        containerheight: '220px'
      });
    }); 

  <ul id="portfolio" style=" float:left">
    <li><a href="http://jsajax.com">
      <img src="jQuery/innderFade/images/ggbg.gif" alt="Good Guy bad Guy" /></a> </li>
    <li><a href="http://jsajax.com">
      <img src="jQuery/innderFade/images/whizzkids.gif" alt="Whizzkids" /></a> </li>
    <li><a href="http://jsajax.com">
      <img src="jQuery/innderFade/images/km.jpg" alt="Königin Mutter" /></a> </li>
    <li><a href="http://jsajax.com">
      <img src="jQuery/innderFade/images/rt_arch.jpg" alt="RT Hybride Archivierung" /></a> </li>
    <li><a href="http://jsajax.com">
      <img src="jQuery/innderFade/images/tuev.jpg" alt="TÜV SÜD Gruppe" /></a> </li>
  </ul>