Lightbox?

theaverageidiot

Joined: 2010-08-02
Posts: 6
Posted: Thu, 2010-08-05 14:09

I've found some different tutorials such as
http://codex.gallery2.org/Gallery2:Modules:Lightbox
or
http://codex.gallery2.org/Gallery2:Lightbox_JS_Tutorial
And some stuff on forums. And none if it works for the latest version of Gallery 2 and Lightbox 2.0.4. After much tweaking I got the lightbox to at least come up whenever you click an image but it never loads, just spins for forever. Anyone know of an up-to-date tutorial that works?

 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16504
Posted: Thu, 2010-08-05 15:28

A link to your site would help so we could maybe see what might be wrong.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

 
theaverageidiot

Joined: 2010-08-02
Posts: 6
Posted: Mon, 2010-08-09 18:45

http://www.joshmccord.com/clients/memory/dev/portfolio.php
Any help would be appreciated. Try going into the album and clicking a picture.

 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16504
Posted: Mon, 2010-08-09 20:01

Looks like you're just loading the "effects.js" instead of the "scriptaculous.js" as specified here:
http://www.lokeshdhakar.com/projects/lightbox2/#how

Or in the tutorial you linked to above.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

 
theaverageidiot

Joined: 2010-08-02
Posts: 6
Posted: Mon, 2010-08-09 21:03

I added that and it didn't work.

 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16504
Posted: Mon, 2010-08-09 21:16

I just looked at the tutorials, order is essential:

Remove the lines in bold:

Quote:
<script type="text/javascript" src="gallery/themes/matrix/includes/js/prototype.js"></script>
<script type="text/javascript" src="gallery/themes/matrix/includes/js/effects.js"></script>
<script type="text/javascript" src="gallery/themes/matrix/includes/js/lightbox.js"></script>
<script type="text/javascript" src="gallery/themes/matrix/includes/js/builder.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<style type="text/css"> <!-- /*#gsHeader { display : none; } #gsFooter { display: none; }*/ --> </style>
<link rel="stylesheet" type="text/css" href="gallery/themes/matrix/theme2.css"/>
<script type="text/javascript" src="gallery/themes/matrix/includes/js/scriptaculous.js?load=effects,builder"></script>

Add these lines back in, in this order

Quote:
<script type="text/javascript" src="gallery/themes/matrix/includes/js/prototype.js"></script>
<script type="text/javascript" src="gallery/themes/matrix/includes/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="gallery/themes/matrix/includes/js/lightbox.js"></script>

____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

 
theaverageidiot

Joined: 2010-08-02
Posts: 6
Posted: Thu, 2010-08-12 15:23

I did this and now no lightbox comes up at all.

 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16504
Posted: Thu, 2010-08-12 16:11

Looks like according to this site:
http://www.lokeshdhakar.com/projects/lightbox2/#how

And the tutorial:
http://codex.gallery2.org/Gallery2:Lightbox_JS_Tutorial

There needs to be a lightbox.css file that gets loaded too, which doesn't look like it's getting loaded.

____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

 
theaverageidiot

Joined: 2010-08-02
Posts: 6
Posted: Thu, 2010-08-12 20:56

Added that CSS file... Now the lightbox is back again but it still just infinitely spins :). Any more ideas?