09
2014
08

网站焦点图效果初体验

    这个标题在某些资深博友看起来是不是有点爱情动作片的标题的感觉?今天马超整整花了一天的时间去弄列表页的焦点图,本来中午已经制作好了,可以服务器没法用,好像是加载的js文件有问题,而网站本身开启了网站加速貌似,那个js文件没办法加载,于是弄到了现在了。

    其实首页的焦点图在我看来除了能第一时间吸引人的注意力之外,实在是没有什么特别的好处,而且因为图片的加载,让这个网页的打开速度进一步削弱了。不过有这个东西可以使得博客不那么单调,毕竟有了互动的东西。因为之前提到了,如果网站不打算单独制作手机页面的话,不妨让网站的导航和这个焦点图采取点击切换的方式,而不是点击直接进入图片想链接到的页面。所以我把焦点图的点击效果去去掉了,只留下了基本的自动切换和鼠标悬浮的时候切换。这里还有个重点,就是在网站寻找代码的时候,一定要考虑到兼容性的问题,尤其是IE8。我现在就是在郁闷网站本身的落叶效果并不能在IE8上很好的展示出来,那么有什么办法能在IE8的时候禁用掉这个JS呢?真心求教!不过这样子的好处就是在手机端打开页面想看某个图的时候,点击左侧的缩略图可以直接切换,而不是打开不必要的网站。现在首页的图片因为多了5张大图+5张小图,需要的流量急剧上升,不晓得有没有什么办法能让网站图片的大小在不损失画质的情况下减少一些,有的话请指导我一下,谢谢了!这个修改好的网站焦点图代码我也已经整理了下来,如果有谁想要试试的话就在下面留言吧,到时候我把这些打包一下共享出来。现在这个焦点图还在测试,所以ALT属性什么的都没有往上面加入,以后再说吧。

    嗯,今天就写这么点吧,真心累了,而且主要是一开始找到的那个特效更炫酷,可惜网站用不了…所以博友们记得在找到代码的时候,先要进行本地测试,然后把重点的一部分传到FTP测试一下再说,切记!

转载请注明如下两项
出处:网站焦点图效果初体验-马超超网
本页网址:http://machaochao.com/index.php/post/96.html
« 上一篇 下一篇 »

评论列表

    尊敬的访客,谢谢您的来访并请您留下珍贵的评论,作为我改进的发展的方向,谢谢!

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

分享:

支付宝

微信


TiPs

2014

2015

2016

2017

2018

20XX