问答详情
源自:3-8 企业网站制作之焦点图制作

myFocus只有一种样式

为什么明明看网上demo演示的时候有那么多样式,到我下载下来才发现只有一种样式,就是老师课堂演示那种~·有遇到同样问题的吗http://img.mukewang.com/580e062e0001bba605890388.jpg

提问者:emily973 2016-10-24 21:02

个回答

  • 慕粉4114772
    2016-10-27 20:12:39
    已采纳

    是啊,修改对应的文件路径

  • 疆南星耀
    2016-12-12 00:32:28

    是啊,我也默认一种,用了楼主的方法重新指定才换的,并不觉得多此一举

  • se7enweb
    2016-12-08 15:15:30

    只需引入myfocus库 ,把你的风格文件放在myFocus库文件目录下的mf-pattern目录内;

    例如,你的myFocus-2.0.0.min.js文件放在js目录,那么,只需在js目录内建立一个mf-pattern的子目录,这个子目录便是myFocus程序可以识别的存放风格文件的目录。

    在mf-pattern目录中,也存在一个img的子目录,它是存放某些风格的图片文件,虽然并不是每款风格都会有图片文件。

    建议把所有的风格文件都存放在这个mf-pattern目录,这样你就可以随意切换你的风格了,而且它是按需加载,并不会引入其它多余的文件。

    然后在js中加入

    myFocus.set({
       id:'boxID',//焦点图盒子ID 自己的id
       pattern:'mF_fancy',//改成你要引入的风格

    )}

  • 慕粉4114772
    2016-10-30 21:49:34

    算是一个解决方案吧,但是我感觉这个东西并不是这样使用的。

    前面使用script引入了js文件和css文件,在调用中又要专门去写入特定的样式名,有点多此一举的感觉。

    一般的我感觉是这样作才对,在引入的JS文件中,给出一个方法,myFocus.set({ id:'picBox' });中或库中自已处理填写相应的参数才对~


  • emily973
    2016-10-30 17:39:15

    解决办法:在<script type="text/javascript">myFocus.set({ id:'picBox' });</script>这段代码的中间再加上一个属性“pattern:'mF_tbhuabao' ”说明调用的样式,如图。

    (ps:这是我自个摸索出来的,老师在教程里没有加这个属性,mufocus的官网有关该插件的使用方法也是没有的,可能是电脑配置不同或者浏览器版本不同导致的~)

    5815bfaa000196fc05000138.jpg

    5815bfaa00016b5a05000264.jpg



  • emily973
    2016-10-24 22:53:24

    不行,已经试了几个,都是第一种效果

  • lt_大胡子
    2016-10-24 22:18:58

    从你这个文件夹来看有很多样式啊:“样式名称.css”  。调用的时候改下样式名称就可以。