We're developing an e-commerce website albert & I. They're really nice people so I'll just give them a quick plug here, they're selling a new range of fashionable t-shirts designed in Paris and made in India using Fairtrade employers.

I'm experimenting with the collection page and want to use both Lightview to create a cool css 'pop-up' that shows an expanded view of each item as well as JQuery to create an Apple style slider as detailed in this excellent screencast tutorial on the JQuery for Designers website.

The problem I had is that the slider requires jQuery and Lightview requires Protyotype but JQuery & Prototype don't like each other out of the box. They both use $() function for accessing elements in the page and the first of the two to use $() will ruin it for the other one.

JQuery does have a jQuery.noConflict() method that apparently resolves this problem but I must confess that I couldn't get it to work for me in such a way that kept Lightview happy too. I kept getting errors trying to create the Lighview object. I suspect if I had more time I could have made it work.

What did work for me very simply was not using $() in the code but using the optional jQuery() instead.