Question regarding jquery GalleryView
Apologies in advance, I'm not too good with java (prompting my request from more able people). I've read the posting guidelines so will be as descriptive as possible.
I'm attempting to install a plugin called Galleryview which creates a gallery that looks a lot like this: http://spaceforaname.com/gallery-light.html.
I am attempting to install this into my relatively empty website. The installation notes are as such:
INSTRUCTIONS FOR USE
1) Place galleryview-x.x folder somewhere in your website directory structure (you can rename this folder if desired)
2) Include script tags for the desired version of the script (uncompressed, packed) and for the included jQuery Times plugin file
3) Include a reference to the galleryview.css stylesheet in your document
4) Create an unordered list in your HTML with the content you wish to be displayed in your gallery (see below for more information on markup options
5) Call the GalleryView plugin with the function call below:
To override default option values, include them in JSON format in the call to the plugin, like so:
I have downloaded the plugin, unzipped and then uploaded to my server. It is saved within the ./galleryview folder and the links to the .js files are correct. My HTML code within the HEAD tag is as follows:
<link type="text/css" rel="stylesheet" href="galleryview/galleryview.css" />
And in the BODY tag is:
<ul id="gallery" class="galleryview">
<li><img src="images/guitar1.jpg" alt="image1" /></li>
<li><img src="images/guitar2.jpg" alt="image2" /></li>
<li><img src="images/guitar3.jpg" alt="image3" /></li>
<li><img src="images/guitar4.jpg" alt="image4" /></li>
<li><img src="images/guitar5.jpg" alt="image5" /></li>
Unfortunately the plugin just fails and the site loads all the photos in an unordered list. No error message which is a shame as it may point me in the right direction.
Thanks in advance to any intelligent being who is able to assist
I think I've put too much detail
Secondly, the GalleryView feature is built on the jQuery library which means you should embed the basic jQuery lib in the <head> of your file:
Hope this helps.
Thank you very much indeed, that did the trick.
For any other newbies regarding this thread for a solution: I went to www.jquery.com and downloaded the jquery file (there's a big 'download' button on the front page), uploaded it to my webspace and inserted the code that Pris mentioned above. I downloaded 1.4.2 so I made sure I saved it in the 'js' folder and changed the code from 1.3.2 to 1.4.2
Glad to hear you solved your problem.
I did all that was noted and still can not get it to work. Do I need to replace all of the previous Java Script with:
after I download the .js file or do I need to add it on top?
I would appreciate any help.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)