js jquery幻灯片

时间:2012-06-25 23:28:35

标签: javascript jquery slideshow

我一直在使用jquery幻灯片,但是当我包含一个jquery newsticker(向右滚动的文本)时,幻灯片放映或菜单javascript弹出窗口(或两者)都不起作用。例如,如果我把

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

在幻灯片放映脚本正上方,幻灯片显示有效,但其他内容则无效。如果我把代码放在head标签内,那反过来说。这是非常不寻常的(而且不符合逻辑),但我已经对这些东西感到困扰了6个小时。我确信这是jquery的唯一链接,除了与菜单一起使用的prototype.js。但是,我只是在编辑网站,所以我不知道一切如何运作。

有没有人知道什么是解决方案?

我可以处理的另一种方法是使用javascript幻灯片(但没有jquery)。 但我找不到我想要的例子,没有jquery就可以了。

我需要的是这个 - php从文件夹获取所有图像,从数据库获取数据(链接)。每个图像实际上都是一个链接,所有图像都显示在div中。

<div id="slideshow">
  <a href="link"> <img src="src.jpg"> </a>
  <a href="link"> <img src="src.jpg"> </a>
  <a href="link"> <img src="src.jpg"> </a>
</div>

div id幻灯片是javascript(再次,不是jquery)用来知道循环播放的内容(淡入淡出动画)。有人可以帮我吗?

1 个答案:

答案 0 :(得分:1)

其他库(如prototype和mootools)也共享相同的“$”别名,因此当它们在同一页面中合并时会发生冲突。

您需要使用jQuery.noConflict()来解析。

在jQuery加载调用后立即在脚本标记中执行:

 jQuery.noConflict();

现在,为了在代码中继续使用“$”,请将代码包装在:

  jQuery(function($){/* $ argument passes use of $ alias for jQuery into function*/

      $(selector).hide() ; /* can use normal jQuery syntax inside this function*/

  });

http://docs.jquery.com/Using_jQuery_with_Other_Libraries