第二步:用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