0

一緒に使用する必要のあるコードが2つあります。私の最後の質問を読んだので、私はこの質問をより明確で簡潔な方法でもう一度尋ねようとしています-私でさえ混乱しました。

私は何をする必要があるかを見つけました、私はそれを正しくやっているとは思いません。

私がする必要があるのは、JSスライドで無限ループが再生されないようにすることです。はい、スライドはWPに含まれているため、jQueryで$を交換する必要があります。

これは、テーマの作成者がコードを改訂するように言うところです。

    <?php if (is_page_template('page-template-home-jquery.php') || is_page_template('page-template-home-jquery-sidebar.php')) { ?>
    <?php echo '<script type="text/javascript">
    // Homepage slider setup. Issued in the footer to accept user-set variables.
    jQuery(document).ready(function(){
jQuery(\'#slides\').slides({
      preload: false,
      //preloadImage: \'http://files.truethemes.net/themes/sterling-wp/ajax-loader.gif\',
      autoHeight: true,
      effect: \''.$truethemes_jslide_effect.'\',
      slideSpeed: '.$truethemes_jslide_speed.',
      play: '.$truethemes_jslide_delay.',
      randomize: '.$truethemes_jslide_randomize.',
      hoverPause: '.$truethemes_jslide_pause_hover.',
      pause: '.$truethemes_jslide_delay.',

  });
    });
    </script>';?>
    <?php } ?>

これは私が必要とすることを達成するために「想定される」ものであり、私はそれが他のサイトで機能していることを発見しました。

    $(function(){
    var total = $("#slides img").length - 2; // Subtract Two arrows
    $('#slides').slides({
    animationComplete: function(current) {
    if (current >= total) {
    clearInterval($('#slides').data('interval'));
    }
    },
    });

残念ながら、自分のサイトで試してみると、自動再生が中断され、ページネーションが削除されます。

これは私がそれを機能させるために何とかまとめたものです：

    jQuery(document).ready(function(){
    var total = $("#slides img").length - 2;
    jQuery('#slides').slides({
    animationComplete: function(current) {
    if (current >= total) {
    clearInterval($('#slides').data('interval'));
    }
    },
    preload: false,
    //preloadImage: 'http://files.truethemes.net/themes/sterling-wp/ajax-loader.gif',
    autoHeight: true,
    effect: 'fade',
    slideSpeed: 10000,
    play: 7000,
    randomize: false,
    hoverPause: true,
    pause: 7000,
    });
    });

私の努力には、「プリセット」設定がプルされていないことに気付くかもしれませんが、私のテーマに含まれている元のコードにはphp（私にとって）が含まれています。

私はこれを適切に行っておらず、正しい方向に進んでいない可能性があることを知っています。フッターに入れてアップロードするように指示された「作者」から返信がありました。あなたのことはわかりませんが、彼または彼女は私が彼らに連絡する前にそれを試みたであろうと思っていたはずだと思います。だから、言うまでもなく...それはバストでした。

これは、私が取り入れようとしているコードを使用しているWebサイトへのリンクです。

http://alliancebrokeragecorp.com/

どんな助けでも大歓迎です。

4

1 に答える 1

1

誰かが WP テーマでこれを行うのに問題がある場合に備えて、ここに解決策を投稿すると思いました:

    <?php if (is_page_template('page-template-home-jquery.php') || is_page_template('page-template-home-jquery-sidebar.php')) { ?>
    <?php echo '<script type="text/javascript">
    // Homepage slider setup. Issued in the footer to accept user-set variables.
    jQuery(document).ready(function(){
    var total = jQuery(".slides_container .home-slider-post").length;
    jQuery(\'#slides\').slides({
    animationComplete: function(current) {
      if (current >= total) {
      clearInterval(jQuery("#slides").data("interval"));
     }
   },
      preload: false,
      autoHeight: true,
      effect: \''.$truethemes_jslide_effect.'\',
      slideSpeed: '.$truethemes_jslide_speed.',
      play: '.$truethemes_jslide_delay.',
      randomize: '.$truethemes_jslide_randomize.',
      //hoverPause: '.$truethemes_jslide_pause_hover.',
     // pause: '.$truethemes_jslide_delay.',
  });
   });
 </script>';?>
 <?php } ?>
于 2012-08-27T12:19:54.337 に答える