wordpress怎样加入幻灯片

JavaScript025

wordpress怎样加入幻灯片,第1张

首先,咱们要准备素材,青岛SEO推荐:站长之家:http://sc.chinaz.com/jiaoben/进入搜索幻灯片即可,解压下载到桌面。这样你会得到一个images文件夹,css文件夹,js文件夹和index.html的静态页面。

第二步:用DW合并代码

1.复制幻灯片里面的images文件里面的图片到你网站模板的images文件夹里面

2.复制幻灯片css文件夹里面的代码到你网站模板的css文件夹最下面

3.复制幻灯片js文件夹到你网站模板里面,如果你的网站模板已经有js文件夹,那就打开js文件夹,放入里面

4.用DW打开幻灯片里面的index.html静态页面,把js代码复制粘贴到自己网站模板的herder.php文件夹里面,放在</head>标签的前面即可。

一般js代码的形式是这样的:<script src=”js/jquery-1.4.2.min.js” type=text/javascript></script>

<script src=”js/zzsc.js” type=text/javascript></script>

修改相对路径为WP绝对路径,例如:<script src=”<?php bloginfo(‘template_directory’)?>/js/jquery-1.4.2.min.js” type=text/javascript></script>

<script src=”<?php bloginfo(‘template_directory’)?>/js/zzsc.js” type=text/javascript></script>

5.在index.html里面定位幻灯片所在的DIV,然后复制粘贴到你网站模板想放置幻灯片的位置,大部分模板放在头部herder.php文件夹里,还有一部分是放在index.php文件夹里面。

6.修改幻灯片模板的大小,直至满意的尺寸。

7.替换图片,把想要的图片,换成跟幻灯片里面的图片一样的名字,就可以替换了。

幻灯片的制作很简单吧,青岛SEO博客以后会陆续分享网站制作以及网站SEO出现的问题和知识,请大家多多关注!!

你的nav.js没有运行

你把

<script type="text/javascript">

        $('#inner').nav({ t: 2000, a: 1000 })

</script>

放到head里或者html的最后试试

如果还不好使就加上

<script type="text/javascript">

$(function(){

        $('#inner').nav({ t: 2000, a: 1000 })

})

</script>

试试

总之就是你的js没有运行

很多,http://sc.chinaz.com/jiaobendemo.aspx?downloadid=14828152345761 ,也可以从这里面找http://aspx.sc.chinaz.com/query.aspx?keyword=%E7%BC%A9%E7%95%A5%E5%9B%BE&classID=835&page=3