Wordpress/jquery/GalleryView

Shicky

Shicky

Shicky

Associate
Joined
13 Jan 2007
Posts
2,424
Location
Belfast,Northern Ireland
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:
Code: 
 <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?
Code: 
$('#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.
 
Do you have this up somewhere where I could take a look (not just the source code)?

If you've initialised the script in the footer, you shouldn't need to include it again.
 
You've initialised the script correctly. It's odd that you're not seeing any images at all. Do the images show when you disable JavaScript?
 
Unfortunately its just hosted on a local web server. Will hopefully ftp it up tomorrow so you guys can see it.
 
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
 
glad you got it up. so i assume the issue is nothing is showing at all? i can't seem to see any images anywhere even though you link to them in your source code.

quickly playing around i noticed that there was something to do with the gallery that had it's style set as visibility: hidden;

changing this to visibilty: visible on both galleryview.css stylesheets (some reason i find 2?) displays the image and content. perhaps try this and then play to get it right?

edit: with that said this scrpt may need the visibilty to be set as hidden and then the jquery will change it if js is enabled i'm unsure. just something to check with as this may cause another issue further down the line
 
Last edited:
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
 
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
 
For those interested this is now solved. The problem was a call of jQuery.noConflict(); in the jquery source file.
 
You must log in or register to reply here.
Back
Top Bottom