Yes i found a solution, here it is:
I use prototype and lightbox with $ calls, and i enclose my other jquery
calls this way:
<script language="javascript" src="/js/jquery-1.2.6.js"></script>
<script language="javascript" src="/js/jquery.innerfade.js"></script>
<script src="/js/lightbox/prototype.js" type="text/javascript"></script>
<script src="/js/lightbox/scriptaculous.js?load=effects,builder"
type="text/javascript"></script>
<script src="/js/lightbox/lightbox.js" type="text/javascript"></script>
<script language="javascript">
jQuery(document).ready(
function(){
jQuery('div#portfolio').innerfade({
speed: 'slow',
timeout: 5000,
type: 'sequence',
containerheight: '250px'
});
}
);
</script>
no more conflicts
redcirce wrote:
>
>
> Ricardo, I had tried this already but it did not help. My
> understanding of the "safe function" is that it works to avoid
> conflicts between different libraries, ie. prototype and jquery. Both
> plugins/scripts (that I'm using at least) are jquery plugins.
>
> Amine, I wondered whether you had had any success or had found another
> solution?
>
> On Sep 24, 5:14 am, ricardobeat <[EMAIL PROTECTED]> wrote:
>> hi,
>>
>> you can wrap all of your code in a "safe function" to avoid conflicts
>> with other libraries that use '$':
>>
>> (function($){
>>
>> // your jQuery code goes here
>>
>> })(jQuery);
>>
>> -ricardo
>>
>> On Sep 23, 5:32 am, "Amine CHRAIBI" <[EMAIL PROTECTED]> wrote:
>>
>> > Hey,
>>
>> > Thanks for your prompt answer, I will give it a try, even if it seems
>> pretty
>> > heavy. I'll get back to you if I still can't sole this out.
>>
>> > 2008/9/23 redcirce <[EMAIL PROTECTED]>
>>
>> > > Hello there. I had a similar problem to yours, which I have just
>> > > solved now. I'm not sure if this is good coding or not, but it works
>> > > which is enough for me.
>>
>> > > I was also using 2 plugins - lavalamp and coda-slider, both of which
>> > > worked fine in isolation, but on the same page only the first plugin
>> > > worked - the second of which did not.
>>
>> > > So this is how I fixed it:
>>
>> > > 1. I created a copy of jquery.js and called it jquery2.js
>> > > 2. After the lavalamp scripts I called a second instance of jquery
>> in
>> > > the head for use with the coda-slider
>> > > 3. I then opened up jquery2.js and replaced all $ with $j2
>> > > 4. I opened all coda-slider scripts and as above, replaced all $
>> with
>> > > $j2
>>
>> > > All of which looks like this:
>>
>> > > <!--first jquery call-->
>> > > <script src="js/jquery-1.2.6.js" type="text/javascript"></script>
>>
>> > > <!--all lavalamp scripts-->
>> > > <script type="text/javascript" src="js/lavalamp.js"></script>
>> > > <script type="text/javascript" src="js/easing.js"></script>
>> > > <script type="text/javascript">
>> > > $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed:
>> > > 700 })});
>> > > </script>
>>
>> > > <!--second jquery call with $ changed to $j2-->
>> > > <script src="js/jquery2.js" type="text/javascript"></script>
>>
>> > > <!--all coda slider scripts with $ changed to $j2-->
>> > > <script type="text/javascript" src="js/jquery-scrollTo-1.3.3.js"></
>> > > script>
>> > > <script type="text/javascript"src="js/jquery.localscroll-1.2.5.js"
>> > > charset="utf-8"></script>
>> > > <script type="text/javascript"src="js/jquery.serialScroll-1.2.1.js"
>> > > charset="utf-8"></script>
>> > > <script type="text/javascript" src="js/coda-slider.js"
>> > > charset="utf-8"></script>
>>
>> > > HTH. If not, I'm sure someone more experienced can help out.
>>
>> > > Good luck.
>>
>> > > On Sep 23, 10:45 am, aminho <[EMAIL PROTECTED]> wrote:
>> > > > Hi all,
>>
>> > > > I'm working on a website with lots of pictures. A part of it are
>> > > displayed
>> > > > using the http://medienfreunde.com/lab/innerfade/Innerfadeplugin,
>> and
>> > > > the reste are displayed usinghttp://
>> > >www.huddletogether.com/projects/lightbox2/Lightbox.
>>
>> > > > The problem is that whenever i try to use both plugins on the same
>> page,
>> > > i'm
>> > > > facing strange troubles. Here is the
>> http://pastie.org/276264headcontent
>> > > > of such page on my website.
>>
>> > > > The error i'm getting is:
>> > > > $(document).ready is not a function
>>
>> > > > I'm not that familiar with jquery plugins but i can't see the point
>> > > there.
>> > > > When i use only innerfade, i have no error, and when i use only
>> lightbox,
>> > > i
>> > > > have no errors. I only get that when putting them together
>>
>> > > > Anyone has an idea about the problem and maybe how to solve it ?
>> > > > Thanks a lot
>>
>> > > > --
>> > > > View this message in context:
>> >
>> >http://www.nabble.com/Get-Lightbox-and-Innerfade-plugins-work-togethe...
>> > > > Sent from the jQuery General Discussion mailing list archive at
>> > > Nabble.com.
>
>
--
View this message in context:
http://www.nabble.com/Get-Lightbox-and-Innerfade-plugins-work-together-tp19586053s27240p19683924.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
