複数のjQueryを使用するときの記述の仕方
今、こちらのjQueryと
http://jsajax.com/Articles/jQueryLavaLamp3/1083
こちらのjQueryを
http://www.css-lecture.com/log/javascript/039.html
同じページ内で使用しようとしています。
記述は以下の通りです。
----------------------------------------------------
<!-- ▼前者のjs -->
<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="js/jquery.easing.min.js" type="text/javascript"></script>
<script src="js/jquery.lavalamp.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#lavaLamp").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return false;
}
});
});
</script>
<!-- ▼後者のjs -->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>
<script type="text/javascript" src="js/main/jquery.cycle.js"></script>
<script type="text/javascript" src="js/main/slideshow.js"></script>
このように記述しても後者のものしか動きません。
前後逆にすると前者が動きます。
以前の質問でjQueryのファイルには記述する順番があるとお答えを頂いたのですが、
調べても初心者の私には理解できず・・・。
こちらのファイルを同時に使用するにはどのような順番で記述したら宜しいのでしょうか？
大変困っております、どうか宜しくお願い致します。
お礼
なるほど、支障をきたすほど重くはならないんですね。 自分でも色々と試してみたいと思います！ 回答、ありがとうございました！