You can avoid this conflict altogether (and reduce downloads
considerably) using slimbox or thickbox
http://www.digitalia.be/software/slimbox (lightbox clone for jQuery)
http://jquery.com/demo/thickbox/ (can use to achieve lightbox effect,
but much more versatile - can handle anything - not just images)
on 15/05/2009 14:51 Mike said::
There is a problem with loading prototype and jquery on the same
page. One trick that you can do is bulk replace in interface.js the
'$' with 'jQuery'. Update all your scripts that use jQuery to replace
the '$'.
Also, remember that on your pages to use 'jquery' rather than '$' when
referencing the jquery components/functions. This is b/c you have
both prototype and jquery invoked on the same page.
On May 15, 1:14 am, jmCom <jasonmont...@new.rr.com> wrote:
Hello, all. I am a fairly new web designer and I have the following
attached scripts on my page. Alone, they (lightbox and jQuery/
interface) work great. But together, depending on their order in the
<head>, I get one to work but not the other. Can anyone tell me if I
am seriously missing something or using outdated scripts... I am at a
loss here. Thanks in advance.
<!--includes-->
<script type="text/javascript" src="scripts/prototype.js"></script>
<script type="text/javascript" src="scripts/scriptaculous.js?
load=effects,builder"></script>
<script type="text/javascript" src="scripts/lightbox.js"></script>
<!--for lightbox-->
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></
script>
<script type="text/javascript" src="scripts/interface.js"></script>
<!--for interface/fisheye-->
<link href="css/style.css" rel="stylesheet" type="text/css" /><!--for
interface/fisheye-->
<link rel="stylesheet" href="css/lightbox.css" type="text/css"
media="screen" /><!--for lightbox-->
<link rel="shortcut icon" href="images/site_logo.ico">
<link href="css/photoshop.css" rel="stylesheet" type="text/css" /><!--
for page layout-->
<!--end includes-->
