Shadowbox with Gallery2

Hi.

I've been looking everywhere and couldn't find an answer. So even knowing that Gallery 2 has been replaced by Gallery 3, is there any way to implement Shadowbox in Gallery 2?

Best Regards.

Nuno Feliz

Suprsidr.

Thank you for your quick answer, I'll try it later and post the results here.

Just one minor question: I have to copy the shadowbox module to the Modules folder of G2 right?

Best Regards
Nuno Feliz

Hi, Suprsidr

Sorry to take your time once again, but I've been trying all the weekend to get shadowbox to work in gallery2 with no sucess. All I get is a white screen when I try to acess my gallery.

here what I did:

- Downloaded Shadowbox 3.0.3 (with JQuery adapter, and without it), and placed the folder in gallery2/modules.

- Then created the folder local in Matrix/templates, and copied album.tpl and theme.tpl to the folder. (It's an unchanged version of Matrix)

- Changed album and theme tpl following your instructions above, but only get a white empty screen.

In attach it's a zip file whith the two tpl, can you please try to see what am I doing wrong? Or it must be other version of shadowbox.

Thank's for your patience to answer to all this questions.

Best Regards
Nuno Feliz

Suprsidr,

Thank you for you availability and fast answer, It's getting better, now I can at least see the gallery header (screen.jpg), but something is still missing and now that you kindly corrected the TPL, shure it must be on my side.

The reason for all this is because I tried to update my site to gallery3, but it get slower than gallery2, it's missing some G2 functions, and I don't like lightbox in G2.

So if this time thing's don´t work I promise not to take more of your precious time, and move to G3. Here are the my last questions:

- In the TPL you send me, I don´t have to change nothing, right?

- I'm using in test's Xammp, with .htaccess and urlrewrite module. Is it ok?

- Could you please send me in attach or PM, the shadowbox files you're using, or the link where to download them?

Thanks in advance, on attach is the system info of my test site.

Best regards
Nuno Feliz

Supsidr

Many, many thanks for all your help and time, but it still doesn't work.

In the TPL's I send you, only changed what you told me in you first reply, nothing more.

So as promised I wont take more of your time. I´ll move to gallery 3 and try to put things my way or almost my way.

Who knows the G2 team decide to create a Theme with an shadowbox module to G2. ;-)

Once more, thank you very much for your time and patience.

Keep up the good work.

Best regards
Nuno Feliz

NO! Not giving up! If it is possible, I'm gonna do it.

But I don't like to bother other people, and I already took much of your time. Beside at this time, the problem is that with all this indecision I have a few hundred photos to put online, so I'll move to gallery 3 just to keep thing's working. And just because I already have it implemented, so it wont take much work to move my galleries there.

I'll keep my old gallery 2 online to test, and after return to this problem. It's just a matter of few days. But as soon I put all the galleries in G3. I'm going to try all this solutions you gave on my gallery 2 installation.

So once again thank's for you help. I´ll return to this discussion perhaps next week, with more developments. Or questions ...

Sincerely
Nuno Feliz

Here you go a theme w/ shadowbox integrated. http://www.flashyourweb.com/filemgmt/index.php?id=56

Example

-s
All New jQuery Minislideshow for G2/G3

Hi,

Just one tinny little question.

I've found a way to make shadowbox to display the photo caption as the title, but it need's some changes in shadowbox.js. The problem is the .js that comes with the theme only have a few functions changed to work with G2.

Is it possible to make shadowbox show the photo caption as the title?

Best regards
Nuno Feliz

Hi, Suprsidr

Remember what I said about not giving up? IT'S WORKING!!!

With all your help, and many crashing and burning it´s working. As you can see in the picture, shadowbox is working in my theme, and displaying the photo exif caption as title. When it's finished I send you the theme.

The only turnoff is that after all this work I discover shadowbox only displays the photos on the current page.

I've been checking what G3 does to turn around this characteristic, because on my site it shows all the photos in the album. So I found that G3 has function that creates a link to every photo in the specific album, allowing to shadowbox show all the photos. (See file G3.txt)

As I'm not an programming expert is it possible and easy to do the same in G2?

Best Regards
Nuno Feliz

Hi,

Thanks for your answer. Ok, let's see if I can explain everything:

The theme right now for me is almost perfect. My site is a very basic one, you can check at http://www.nunofeliz.com (at this moment running on G3, until I get this theme tuned), and is just to show my photos to the people and it's not commercial. To enter click on [b]Menu in the camera and then you have the themes[/b] Máscaras (Traditional Masks) / Desporto (Sport) / Escapadelas (Travel) / Espectáculos ( Theatre, Concerts, etc.) / Diversos (Misc Themes).

It's only to display photos (800x800 px), and Shadowbox is just to visitors can see the photos in a good looking slideshow by clicking on a thumbnail, so that is already working 100%.

The only thing not perfect is as shadowbox only displays the photos in the active album page, and I photograph sport events and shows, some albums has at about 200 images divided by several pages. I can workaround this by making the albuns (ex. 5 columns x 40 lines) and then the photos stay all in the same page and everything works. But I'm afraid it take too long to load the page and shadowbox only starts after the page is completely loaded.

So here are the answers to your questions:

- How many items do we display on a album page: At this time (5C X 3L) 15
- How many items in an album: Around 250 máx.
- How do we launch shadowbox: By clicking on a thumbnail.
- Are we including other media types - video, audio...: No only photos (800 X 800 px)

I hope you understood this explanation.

Thank you once again for your patience and availability.

Best regards
Nuno Feliz

Working w/ all data items now. Just replace your current copy w/ http://www.flashyourweb.com/filemgmt/index.php?id=56

Example

-s
All New jQuery Minislideshow for G2/G3

You were right, my system wasn't replacing the zip if the name was the same.
Current version now online.

-s
All New jQuery Minislideshow for G2/G3

Found some issues, working to solve. This turned out to be a major PITA

-s
All New jQuery Minislideshow for G2/G3

Suprsidr

Sorry for giving you all this extra work. I'll test this and post the results here.

I appreciate all your effort and help, but shure you have more important thing's to do. When I came up with this idea, I thought it was simple because everywhere you read that shadowbox is almost the same as lightbox, and if this one works with G2 why shadowbox doesn't, and when you first reply to the post saying that was easy, I decided to give it a try.

But as I said before I don't like to bother other persons, and already took much of your time. So when you think that it's enough, just say it. Because if I put all the photos in only one page, the first version of shadowmatrix works perfect for me.

Best regards
Nuno Feliz

I'll do this tomorrow

-s
All New jQuery Minislideshow for G2/G3

Supsidr

Sorry to say your new version doesn't work! This is the bad news...

The good ones is at least comparing the older and the newer version, makes me understand where and what to change. And with a little try and error and some changes in Theme.inc and Album.tpl, I managed to make it work at least on my dev site. Tested it with a 90 photo album and it worked 100%.

Here what I did:

Theme.inc

/*your version */
110- $tmp[$i]['id'] = $itemId;
111- $tmp[$i]['resizeId'] = $id;
112- $tmp[$i]['entityType'] = $item->getEntityType();
113- $tmp[$i]['title'] = $item->getTitle();
114- $tmp[$i]['summary'] = $item->getSummary();
115- $tmp[$i]['description'] = $item->getDescription();

/*my changes in bold*/
110- $tmp[$i]['id'] = $itemId;
111- $tmp[$i]['resizeId'] = $id;
112- $tmp[$i]['entityType'] = $item->getEntityType();
113- $tmp[$i]['title'] = $item->getSummary();
114- /*$tmp[$i]['summary'] = $item->getSummary();*/
115- $tmp[$i]['description'] = $item->getDescription();

Album.tpl

/*your version*/
109- {g->container type="imageframe.ImageFrame" frame=$theme.params.$frameType
110- width=$child.thumbnail.width height=$child.thumbnail.height}
111- <a title="{$child.title}" href="{$linkUrl}" rel="{$rel}">
112- {g->image id="%ID%" item=$child image=$child.thumbnail
113- class="%CLASS% giThumbnail"}
114- </a>
115- {/g->container}
116- {elseif isset($child.thumbnail)}
117- <a title="{$child.title}" href="{$linkUrl}" rel="{$rel}">
118- {g->image item=$child image=$child.thumbnail class="giThumbnail"}
119- </a>

/*my changes in bold*/
109- {g->container type="imageframe.ImageFrame" frame=$theme.params.$frameType
110- width=$child.thumbnail.width height=$child.thumbnail.height}
111- <a title="{$child.summary}" href="{$linkUrl}" rel="{$rel}">
112- {g->image id="%ID%" item=$child image=$child.thumbnail
113- class="%CLASS% giThumbnail"}
114- </a>
115- {/g->container}
116- {elseif isset($child.thumbnail)}
/* putting title here only add an extra line with the description under the thumbnail*/
117- <a href="{$linkUrl}" rel="{$rel}">
118- {g->image item=$child image=$child.thumbnail class="giThumbnail"}
119- </a>

I found this solution using Firebug to see what it was being displayed as the photo description, try it and worked.

So once again many thanks for all your effort, help an patience. As soon I have my site up and running, I'll notify here.

Best regards
Nuno Feliz

Sorry about the misleading.

I do not want to be misunderstood and less to put in question your excellent work. But I downloaded the theme, installed, cleaned all the caches and when trying it didn´t display nothing in the title in shadowbox, so my mistake I assumed that it was not working. I hope you accept my apologies for that.

The only explanation I find for this to work normally on your example and not on my site, probably is because I put the description of the photo in the exif and IPTC Description field with Adobe Lightroom, then import the photos to G2 with Server Add. At the import I use the Exif module to get the info from the photo to the database, so perhaps the module is putting the information on the wrong field, I didn´t changed nothing in the Exif module, and it was the only way I found to put it to work.

Hope to have clarified the situation.

Sincerely
Nuno Feliz

Hi

A very nice theme.

Have som problems. In some of my albums, not all, when I view the photos in the album, they show up as thumbnail.

On the top album, I have set the thumbnails to '150' and resized images to '1024', and this is also set til all subalbums.

But in some album all is ok, in some other, viewing the photo is at 150 size

regards Paal

Thx a lot, all is ok now

regards