需要合併兩段代碼 - PHP，jQuery - JS幻燈片

我有兩段代碼需要一起使用。我想以更清晰簡潔的方式再次提出這個問題，因爲讀了我的最後一個問題 - 甚至讓我感到困惑。需要合併兩段代碼 - PHP，jQuery - JS幻燈片

我發現需要做什麼，我只是不認爲我做對了。

我需要做的是防止在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（對我來說）中是謎題。

我知道我沒有正確地做這件事，可能並沒有走上正軌。我確實收到了「作者」的回覆，他的指示是將其放入頁腳並上傳。不瞭解你，但我認爲他或她應該假設在與他們聯繫之前我會嘗試過。所以，不用說......那是一場破敗。

這裏是一個網站的鏈接正在使用的代碼，我試圖將：

http://alliancebrokeragecorp.com/

任何幫助將不勝感激。

來源

2012-08-27 Leah

萬一任何其他人有麻煩試圖與在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-27 12:19:54 Leah

需要合併兩段代碼 - PHP，jQuery - JS幻燈片

回答

相關問題