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

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

效果如图：

我已经将原代码分析出来了，并成功用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;">
[loop]
<li><a target="_blank" href="{url}"><img width="191" height="275" src="{pic}"></a></li>
[/loop]
</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>

复制代码

将附件下载解压到网站根目录

lianxi3.zip (469.69 KB, 下载次数: )

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

经测试，失败！

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

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

[loop]
<li><a target="_blank" href="{url}"><img width="191" height="275" src="{pic}"></a></li>
[/loop]

替换为
         <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”解决冲突呀？这是为什么呢

还请师傅多多指点

		自动登录	找回密码
密码			立即注册

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

相关帖子