scriptを2つ動かすために

質問

ライトボックスと、時間が経つとNEWマークが自動で消えるスクリプトを2ついれました。

すると、NEWマークの方だけが稼動して、ライトボックスが動きません。

自分で調べた結果、統合しないといけないというのはわかったのですが、やり方が…。。。

お力ください！(>_<)

<!-- NEWマーク▼ -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.newmark.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){
$(".newmark").newmark({
past: 240,
icon: "<img src='images/new.gif' alt='new'>"
});
});

$(document).ready(function(){
$(".newmark2").newmark({
past: 240,
icon: "<img src='img/new2.gif' alt='new'>"
});
});
/* ]]> */
</script>
<!-- NEWマーク▲ -->

<!-- #header ライトボックス -->
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css"><!--
#outerImageContainer {
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
#imageDataContainer {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
}
--></style>

<style type="text/css">
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;}

</style>

<!-- #header ライトボックス -->

回答No.1

warpspace

prototype.jsとjQueryは競合（コンフリクト）します。共存させるためには、おまじないが必要です。
おまじない、してますか？。

参考URL：

http://www.css-lecture.com/log/javascript/029.html

お礼

ありがとうございました