Thread: Trying to get Galleriffic to work on product detail page

I am trying to get this script to work. http://www.twospy.com/galleriffic/

I have uploaded the jquerys and css. When I put the example html into the product detail page, it shows the container and a swirly but no images. I thew it into a topic and it shows the thumbnail images but when you click on one, it just follows the link the image itself instead of having the jquery put it into the gallery....

So, I'm assuming that the jquery isn't working.... You can see the example topic here: http://yourholster.com/t-images.aspx on our test site.

I am somewhat new to this. When I 'inspect element' with Chrome, it shows the <div> for the gallery as greyed out.

Any thought as to why this isn't working? Hopefully it is something obvious to a more experienced person.

I have these in the productTemplate.master


<script type="text/javascript" src="jscripts/jquery-1.3.2.js"></script>
<script type="text/javascript" src="jscripts/jquery.galleriffic.js"></script>
<script type="text/javascript" src="jscripts/jquery.opacityrollover.js"></script>

I have a similar problem trying to load a javascript.
how can i link a javascript to a template.master file?
Thank you

Hi,

I'm getting a page not found error for the link you gave. Can you update it to a working link and I'll take a look? I can see that in the current site (probably your template.master file) that you are already including two different versions of JQuery code - JQuery 1.4.2 and JQuery 1.5.1. You need to get this sorted out and include just one release.


I'm sure this can be easily fixed once you send the link across.

Adam

Hi Adam
This is my link ..
http://www.continentalclothing.jp/skin_1/index.html

This is an HTML version of my top page and all works fine ..
When i transfer it to my master page then the mouse over effect over the images does not work ..

Thank you very much Adam..

Hi Adam Just to let you know i got it to work perfectly. i was missing this line of code

<script>window.jQuery || document.write('<script src="jscripts/jquery-1.7.1.min.js"><\/script>')</script>

Thank you for your help Adam
Gordon

Good to hear.

Double check that your pages are only running one version of JQuery though otherwise things may not work as expected.

Adam