阿征 发表于 2014-7-21 23:12:26

discuz仿_图片滑动特效_遇到问题，请高手指点。

效果如图：


我已经将原代码分析出来了，并成功用html制作成功。可以自行下载测试。
但在用于discuz中时，遇到问题。效果实现了，但在头部顶端DIY用不成了。是不是js冲突，还是什么问题？请高手解决，说具体实现方法。

这是测试站
http://d30.0359fh.com/forum.php


学习 发表于 2014-7-21 23:23:06

DIY代码

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/hefei_cc_jquery_ext2.js"></script>
<link rel="stylesheet" type="text/css"href="css/style.css" />
<div class="app_gundong">
            <div class="app_gundong_t"><span>界面截图</span></div>
      <div id="slideshow03">
      <ul style="width: 4862px;">
              
                 <li><a target="_blank" href="{url}"><img width="191" height="275" src="{pic}"></a></li>
               

                  </ul>
      </div>
      <a class="prev"></a>
      <a class="next on"></a>
             <script>
                jQuery(function(){
                jQuery('#slideshow03').kxbdSuperMarquee({
                        isEqual:false,
                        distance:221,
                        time:8,
                        speed:1,
                        btnGo:{left:'.next',right:'.prev'},
                        direction:'left'});
                        });
               
                </script>
</div>
将附件下载解压到网站根目录







阿征 发表于 2014-7-22 00:12:39

经测试，失败！


我看到图片显示不出来，查看到图片调用错误



我想，图片显示不来，采取办法使图片可以显示，来可以出效果吗，
把

[*]               
[*]               <li><a target="_blank" href="{url}"><img width="191" height="275" src="{pic}"></a></li>
[*]               
替换为
             <li><a target="" href=""><img width="191" height="275" src="images/gd_pic01.jpg"></a></li>
             <li><a target="" href=""><img width="191" height="275" src="images/gd_pic02.jpg"></a></li>
             <li><a target="" href=""><img width="191" height="275" src="images/gd_pic03.jpg"></a></li>
             <li><a target="" href=""><img width="191" height="275" src="images/gd_pic04.jpg"></a></li>
             <li><a target="" href=""><img width="191" height="275" src="images/gd_pic05.jpg"></a></li>
             <li><a target="" href=""><img width="191" height="275" src="images/gd_pic06.jpg"></a></li>
             <li><a target="" href=""><img width="191" height="275" src="images/gd_pic07.jpg"></a></li>
             <li><a target="" href=""><img width="191" height="275" src="images/gd_pic08.jpg"></a></li>
             <li><a target="" href=""><img width="191" height="275" src="images/gd_pic09.jpg"></a></li>
             <li><a target="" href=""><img width="191" height="275" src="images/gd_pic10.jpg"></a></li>
             <li><a target="" href=""><img width="191" height="275" src="images/gd_pic11.jpg"></a></li>
图片可以显示出来了，效果也出来了。但还是原贴说的问题，diy功能不能用，我想可能是js代码与diy代码有重复，导致 diy无法正常使用。


还是解决不了问题。。。。

阿征 发表于 2014-7-22 00:14:48

学习 发表于 2014-7-21 23:23
DIY代码




感谢你的回答，可是问题还未解决。再想想办法吧。

阿征 发表于 2014-7-22 00:22:41

只要把这两个js删除，diy就可以正常使用了，说明就是js问题，但在html中确可以。什么问题呢@admin
    <script type="text/javascript" src="js/jquery.min.js"></script>
      <script type="text/javascript" src="js/hefei_cc_jquery_ext2.js"></script>

admin 发表于 2014-7-22 07:29:58

阿征 发表于 2014-7-21 16:22
只要把这两个js删除，diy就可以正常使用了，说明就是js问题，但在html中确可以。什么问题呢@admin
   
...

用这个办法来解决冲突 将以下代码写入JS，然后将JS代码中的$全部替换为jq即可解决冲突问题
jQuery.noConflict();
var jq=jQuery;

阿征 发表于 2014-7-22 11:52:48

admin 发表于 2014-7-22 07:29
用这个办法来解决冲突 将以下代码写入JS，然后将JS代码中的$全部替换为jq即可解决冲突问题

换你的方法，
将jquery.min，加入js并$全部替换为jq。还是老问题，diy功能无法使用。，点diy后，显示空白没有内容。

或许是我代码有问题，你有相关代码我试试。

阿征 发表于 2014-7-22 11:55:43

这种图片轮播效果如何实现。按这个代码我试试。

阿征 发表于 2014-7-22 11:57:50

admin 发表于 2014-7-22 07:29
用这个办法来解决冲突 将以下代码写入JS，然后将JS代码中的$全部替换为jq即可解决冲突问题

http://d33.0359fh.com/forum.php
这是测试站，你可以看看，下部效果可以正常显示，鼠标点击可以显示下一张、前一张。
但是管理员帐号进入，diy无法使用。
你可以测试一下，
用户名admin密码123456

阿征 发表于 2014-7-22 12:02:20

admin 发表于 2014-7-22 07:29
用这个办法来解决冲突 将以下代码写入JS，然后将JS代码中的$全部替换为jq即可解决冲突问题

我看到教程
3-2 制作jquery滑动效果导航
中的ja代码，并没用“代码写入JS，然后将JS代码中的$全部替换为jq”解决冲突呀？这是为什么呢

还请师傅多多指点
页: [1] 2
查看完整版本: discuz仿_图片滑动特效_遇到问题，请高手指点。