Ive最近将NIVO Slider软件包下载到了我的桌面上,因为我希望将其集成到我的WP主题中。
我已经将JS文件等压缩到我的目录中,但是我必须通过函数来调用它。有没有快速的教程,或者有人可以向我指出如何执行此操作。
我是否必须在functions.php文件中放置一个函数调用,然后将包装器等添加到我希望查看的部分以及文件夹中的图像?
香港专业教育学院有一个滚动自动取款机,但是我觉得它不适合我的要求,如果可能的话,请避免使用该插件。
谢谢
柯斯蒂
码:
放在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>
最佳答案
我假设您使用的是jQuery硬编码版本?为什么不只是获得Nivo for WordPress版本,一个站点的价格为19美元。 Nivo网站上还有关于jQuery版本的完整教程。在这里查看:Nivo Slider Tutorial
关于css - Nivo Slider转Wordpress主题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13252611/