Wordpress/jquery/GalleryView

[Shicky]

I had a thread quite similar to this a few weeks ago so thought I would be able to manage this myself however I cant seem to fix it unfortunately.

I am trying to implement this:

http://spaceforaname.com/galleryview#

http://spaceforaname.com/gallery-light.html

Here is the view source from my attempt:

http://pastebin.com/WfNrJ6sz

From my reckoning I have included jquery and additional necessary .js stuff, linked the css file correctly, included the correct HTML and executed the script. What I am presented with is white space, that is all.

One thing that springs to mind for me is including the script in the footer.php:

 <script type="text/javascript">
	$(document).ready(function(){
		$('#photos').galleryView({
			panel_width: 800,
			panel_height: 300,
			frame_width: 100,
			frame_height: 100
		});
	});
</script>

Do I need to include this again elsewhere to 'execute?' In this format?

$('#photos').galleryView({
			panel_width: 800,
			panel_height: 300,
			frame_width: 100,
			frame_height: 100
		});

Complete guess as im an idiot. Any help or suggestions welcome, thanks.

 

[Shicky]

Any suggestions at all pretty please?

 

[Shicky]

Unfortunately its just hosted on a local web server. Will hopefully ftp it up tomorrow so you guys can see it.

 

[Shicky]

Finally have this site up, hopefully it will be a little easier to view and figure out what is wrong with the galleryview feature.

http://www.lisclare.com/hiddensite/?page_id=97

Any other observations/general tearing apart of the site is welcome

Thanks very much for having a look

*The galleryview has only been attempted on the above page

 

[Shicky]

Yeah nothing shows due to the visibility, which I actually I considered a good thing because it means the CSS is linking correctly, though it means the js is failing miserably im guessing.

What I imagine is happening is the images are shown normally, then below shown again in the small menu form. This is because this happened before I applied the css file correctly. Also you can clearly see the height of the page is huge in comparison to the text (invisible images are pushing it down.)

Can anyone see a problem with my code that may be causing it? I'll set the css to visible so you can see what its doing

 

[Shicky]

Can anyone offer any insight on this or any ideas on good forums for help on this kind of stuff? Essentially apart from some blurb here and there its the only thing holding me back from launching he site

 

[Shicky]

For those interested this is now solved. The problem was a call of jQuery.noConflict(); in the jquery source file.