2012-11-06 122 views
0

我最近下載了NIVO滑塊包到我的桌面,因爲我希望將它集成到我的WP主題中。Nivo滑塊到Wordpress主題

我已將JS文件等壓縮到我的目錄,但是我必須通過函數調用它。有沒有快速教程,或有人可以指示我如何執行這個請求。

我是否必須在functions.php文件中添加函數調用,然後將包裝等添加到我希望查看此部分的主體以及文件夾中的圖像?

我有一個滾動atm,但我覺得它不適合我的要求,並希望避免使用插件,如果可能的話。

感謝 科斯蒂

CODE:

放置在header.php中

<?php wp_enqueue_script('jquery'); ?> 
<?php wp_head(); ?> 
<!-- Include the Nivo Slider CSS file --> 
<link rel="stylesheet" href="<?php bloginfo("template_url"); ?>/scripts/nivoslider/nivo-slider.css" type="text/css" media="screen" /> 
<!-- Include the Nivo Slider JS file --> 
<script src="<?php bloginfo("template_url"); ?>/scripts/nivoslider/jquery.nivo.slider.pack.js" type="text/javascript"></script> 
<!-- Set up the Nivo Slider --> 
<script type="text/javascript"> 
jQuery(window).load(function() { 
jQuery('#slider').nivoSlider(); 
}); 
</script> 

放置在page.php文件以上內容:

<div id="sliderwrap"> 
<div id="slider"> 
<img src="<?php bloginfo("template_url"); ?>nemo.jpg" alt="" /> 
<img src="<?php bloginfo("template_url"); ?>toystory.jpg" alt="" /> 
<img src="<?php bloginfo("template_url"); ?>up.jpg" alt="" title="This is an  example of a caption" /> 
<img src="<?php bloginfo("template_url"); ?>walle.jpg" alt="" /> 
</div> 
</div> 

回答

0

我假設你使用的是jQuery硬編碼版本?爲什麼不只是獲得Nivo for WordPress版本,其中一個網站的價格爲19美元。 Nivo網站上還有關於jQuery版本的完整教程。在這裏看到:Nivo Slider Tutorial

+0

嗨安迪,感謝您的意見,是的,我試圖硬編碼的版本。我知道了,它似乎工作,但由於某種原因,它沒有找到我的圖像......任何想法?我已經寫上面的代碼我輸入了... –

+0

嘿,沒問題。在「<?php bloginfo(」template_url「);/?>'和其他圖像路徑。另外,如果圖像位於目錄中,則需要將其作爲圖像路徑的一部分。 例子: ' /images/nemo.jpg」 ALT =‘’/>' – AndyWarren

+0

哎安迪,嘗試這樣做,它沒有似乎工作:?s –