Implementing the Galleriffic jQuery Plugin [solved]

[eluser]Unknown[/eluser]
Hey,

Last year I developed a static website (which can currently be found here), which used the jQuery plugin called 'Galleriffic' to present the photos of each product (eg. this dress). On this static site, I had absolutely no problems, the images would all load correctly and there was nothing (as far as the end user was concerned) out of place.

Recently, my client has expanded their business to include different categories of products, not just dresses. To make maintaining the site much more manageable, I've used the CodeIgniter framework and set up a database containing all the product information. Unfortunately, I'm still pretty new to many aspects of mvc design and php/javascript programming and have managed to break the gallery.

I'm currently hosting the test site here, which can be accessed using the following:

username: testsite
password: gallerifficissue2010

An example of the issue can be found here. As you can see, only the loading icon can be seen, and no images are ever shown.

When I try to debug, Firebug spits out the error:

$("#gallery").galleriffic is not a function:
onPageTransitionIn: function() {

Can you please help me solve this annoying issue? My client wants to launch very soon and this error is proving to be a big problem. Hopefully it's nothing too troublesome as I really like both CodeIgniter and the Galleriffic plugin.

Thanks in advance,
begabamboo

[eluser]vitoco[/eluser]
It's a problem in the scripts that you're loading, from your page source code

Code:

// OK : YOU LOAD THE JQUERY SCRIPT
<script type="text/javascript" src="http://fabric.missbrownsfancy.com/js/jquery.galleriffic.js"&rt;</script&rt;
// OK : YOU LOAD THE GALLERIFFIC SCRIPT
<script type="text/javascript" src="http://fabric.missbrownsfancy.com/js/jquery.galleriffic.js"&rt;</script&rt;



    // WTF ?? !!! JQUERY SCRIPT AGAIN ???
    // IF YOU LOAD JQUERY AGAIN ... IT CREATE A NEW DEFINITION OF JQUERY OBJECT
    // SO THE GALLERIFFIC OBJECT GETS UNDEFINED, AND THAT THE ERROR YOU GET
    // MAYBE DELETING THIS LINE, THE ERROR GOES AWAY
    <script type="text/javascript" src="http://fabric.missbrownsfancy.com/js/jquery-1.3.1.js"&rt;</script&rt;

    ...
    <!-- BEGIN FOXYCART FILES -->
    // ERROR : THIS ONE LOADS NOTHING !!!!!
    <script src="http://fabric.missbrownsfancy.com/js/" type="text/javascript" charset="utf-8"&rt;</script&rt;

Saludos

[eluser]Unknown[/eluser]
Oh my. Thank you so much. I'm new to the whole MVC thing and I hadn't realised that I loaded the jQuery script twice.

Again, thank you so much. You have save me a lot of time and worry.

Cheers,
begabamboo