Both picture and thumbnails displayed at same time

I’m having some success in displaying both the gallery thumbnails and the selected image simultaneously in a page. There are a couple of things still tripping me up, however. Due to the page’s design I can’t use one instance of MaxiGallery to handle both display areas.

I’m using MaxiGallery to display the thumbs, and for the reference to the picture, and using JavaScript to set the src of the picture. I also want one of the gallery pictures load into the ’main image’ spot when the page first loads. I’ve set up a template variable to allow the user to enter the file name for the first main image to load on that page, but I want to dynamically set the correct path back to that page’s gallery. I realize I’ll need another MaxiGallery to get that path dynamically unless there’s another way to pass or set it from the first gallery. Any thoughts on how to solve that?

The second question is how I might enable the transitions between the pictures ala slimbox, but yet have it embedded in the page. Is there something ’off-the-shelf’ for this (I haven’t found anything) or will I need to modify one of the existing slideshow, slimbox, Lightbox solutions?

Thanks!


EDIT/UPDATE: Well, I was definitely over-thinking the solution to my first question. I was looking for a way to store the maxigallery.path_to_gal string and it finally dawned on me that the id used for the assets/galleries/ folder is the same as the page id. So, I hardcoded the first part of the path and then inserted the page id: [(base_url)]/assets/galleries/[*id*]/[*MiddleColumn*]

For the second question about getting slimbox style transition effect to the image change, the only thing that I can think of would be to take the javascript from mooShow and merge it to your current script that does the src attribut change. (And post an article to MODx wiki how to do it )

maybe you guys like to have a look at this one: http://smoothgallery.jondesign.net/)

Jon’s SmoothGallery is already included in MaxiGallery, the v0.5 beta 2 has SmoothSlideshow (predecessor of SmoothGallery) and the version in SVN has SmoothGallery.

Quote from: pxl8r at Feb 16, 2007, 11:20 AM

I’m having some success in displaying both the gallery thumbnails and the selected image simultaneously in a page. There are a couple of things still tripping me up, however. Due to the page’s design I can’t use one instance of MaxiGallery to handle both display areas.

I’m using MaxiGallery to display the thumbs, and for the reference to the picture, and using JavaScript to set the src of the picture. I also want one of the gallery pictures load into the ’main image’ spot when the page first loads. I’ve set up a template variable to allow the user to enter the file name for the first main image to load on that page, but I want to dynamically set the correct path back to that page’s gallery. I realize I’ll need another MaxiGallery to get that path dynamically unless there’s another way to pass or set it from the first gallery. Any thoughts on how to solve that?

The second question is how I might enable the transitions between the pictures ala slimbox, but yet have it embedded in the page. Is there something ’off-the-shelf’ for this (I haven’t found anything) or will I need to modify one of the existing slideshow, slimbox, Lightbox solutions?

Thanks!


EDIT/UPDATE: Well, I was definitely over-thinking the solution to my first question. I was looking for a way to store the maxigallery.path_to_gal string and it finally dawned on me that the id used for the assets/galleries/ folder is the same as the page id. So, I hardcoded the first part of the path and then inserted the page id: [(base_url)]/assets/galleries/[*id*]/[*MiddleColumn*]

I changed maxigallery a bit to have an extra option when managing images. I added a radiobutton and a extra table colom in the database to set one image to "1" to use as main image. works great let me know if you are intrested. look here (this site is heavy under constructions so do not look at the layout or funktions that not work yet) http://www.esailing.nl/ ,do a search (zoeken) and select a schip. the main image is set by a snippet I made that gets that image from that gallery where mainimage is set to 1.
also changed the upload part so when you are alowd to upload only 10 images the upload fields are reduced until all are gone when you have reached your limit.

Quote from: doze at Feb 16, 2007, 03:05 PM

Jon’s SmoothGallery is already included in MaxiGallery, the v0.5 beta 2 has SmoothSlideshow (predecessor of SmoothGallery) and the version in SVN has SmoothGallery.

that’s a nice one: http://www.electricprism.com/aeron/slideshow/

Yep, That’s quite nice.. but useless if you have different size images.. I’d like to have that mooShow type displaytype in maxigallery too..

this is going to be fine when you’re using phpthumb to dynamically resize/crop the image to fit the area.

Quote from: doze at Feb 16, 2007, 02:23 PM

For the second question about getting slimbox style transition effect to the image change, the only thing that I can think of would be to take the javascript from mooShow and merge it to your current script that does the src attribut change. (And post an article to MODx wiki how to do it )

Thanks for pointing out a direction doze. I’ll take a look at mooShow route once I have the rest of the site built and working well.

Dimmy and mmjaeger, thanks for your input as well!