Galleria Classic Works, Twelve Theme Doesn't.

  • Problem
  • Updated 4 years ago
  • Solved
Ok, so after a whole bunch of frustration yesterday I did get classic to work on my server after downloading the newest Galleria core (1.2.3), and I put all of my files in the main directory and fixed the paths. The problem turned out to be that the directions in the guides had a typo - it still says to use 1.2.2 when linking the script in the head tag. (You might want to update that.)

Great, so then I had Galleria Classic working, and then I started to think that the Twelve theme really matched my site better, so I bought it and downloaded it. Again, I put all of the files in the directory. When I worked through the getting started guide again I tested jQuery (which I have the latest 1.5.1.min.js hosted on my server, as well as jquery.js - but I don't know too much about javascript), and that returned as working, and then ran the test script for Galleria and that returned as working. The only problem is that once I loaded the Twelve theme .css and .js files I only get the images showing up on my page, no gallery script working whatsoever.

I noticed in the demo file that there is some .css in a style tag outside of the .css file and no .css file is called. You can view my edited demo page at the link below and View Source to see if I'm doing anything wrong. The paths should all be correct because they're in my home directory, so I don't have to drive myself crazy looking for path directories. I really like the look of this script, and now I've invested money into it so I can't just move on - this is the script I want to use for my portfolio on my website. If anyone can help me I would really really appreciate it!

For the sake of being fun and trying not to drive myself crazy, I've included another test file I have on my server for testing Galleria Classic.

Twelve (nothing?!): http://marymeghanphotography.com/test...

Classic (Working.): http://marymeghanphotography.com/test...
Photo of Mary Veterano

Mary Veterano

  • 7 Posts
  • 0 Reply Likes
  • frustrated

Posted 4 years ago

  • 1
Photo of David

David, Author

  • 1221 Posts
  • 143 Reply Likes
In your twelve demo you have:

$('#galleria').galleria();

But the gallery container ID is 'gallery'. So try this instead:

$('#gallery').galleria();

best,
David
Photo of Mary Veterano

Mary Veterano

  • 7 Posts
  • 0 Reply Likes
I changed that and now it took the images away and still won't show the gallery. I'm running Safari, btw, and thank you for your quick reply!
Photo of David

David, Author

  • 1221 Posts
  • 143 Reply Likes
Could you update the link, so we can have a look?
Photo of Mary Veterano

Mary Veterano

  • 7 Posts
  • 0 Reply Likes
It's still the same page that I'm using for my twelve demo. The images don't show in my demo, however they are showing on the actual page where I want the gallery to be.

Twelve Test: http://marymeghanphotography.com/test...

Still no gallery, but a list of images: http://marymeghanphotography.com/fami...
Photo of Mary Veterano

Mary Veterano

  • 7 Posts
  • 0 Reply Likes
Now I have the images showing, I added the width and height to the galleria script, but I still don't get a gallery showing.
Photo of David

David, Author

  • 1221 Posts
  • 143 Reply Likes
Photo of Mary Veterano

Mary Veterano

  • 7 Posts
  • 0 Reply Likes
It doesn't show for me. I'm using Safari. I checked in firefox and it does work there... any idea how I can get it to show in Safari? I paid for the theme so I'd like it to be able to work across all browsers... especially since a lot of my clients will be viewing my site on Safari.
Photo of David

David, Author

  • 1221 Posts
  • 143 Reply Likes
Works fine in my Safari. Clear cache and try again. See here: http://getsatisfaction.com/galleria/t...
Photo of David

David, Author

  • 1221 Posts
  • 143 Reply Likes
In the second example, you have the same problem but the other way around :)

Just make sure you are using the same id for the gallery div as the selector you are using when calling Galleria.

f.ex:

<div id="gallery"></div>

[...]

$('#gallery').galleria();
Photo of Mary Veterano

Mary Veterano

  • 7 Posts
  • 0 Reply Likes
Ah, that makes sense. But now the images have disappeared again...

http://marymeghanphotography.com/fami...
Photo of David

David, Author

  • 1221 Posts
  • 143 Reply Likes
This works for me in my local browsers (chrome, FF, safari). If you are having problems in Safari, reset the cache and try again. If it still fails, post the browser version here and the test link.
Photo of Mary Veterano

Mary Veterano

  • 7 Posts
  • 0 Reply Likes
Emptying the cache worked! Thank you so much for all of your help! In case anyone else has this problem I'm using Safari 5.0.3, but my problem is solved!
Photo of David

David, Author

  • 1221 Posts
  • 143 Reply Likes
That’s great! good luck.