These are more of issues with the
ligthbox v2 that maxigallery uses and not the snippet itself.. I can’t help you in many of the things and you would probably get better help over huddletogether forums... (and I’m replacing the ligthbox v2 with slimbox in next release btw..) but here goes something:
Quote from: c.brown at Nov 15, 2006, 09:47 AM
1) How could I change the enlarged image from fixed / absolute to relative positioning ie when I resize the window, i want it to move horizontally with the rest of the layout.
You would need to do some javascript to do this.. I don’t know if it’s very easily doable.
Quote from: c.brown at Nov 15, 2006, 09:47 AM
2) How do I change the positioning of the enlarged image (I want it to sit to the left of the large grey block). I’m assuming the image is within #lightboxImage, but when I’ve tried to move it the positioning varies quite dramatically between browsers (ie Firefox and Safari). Should I be changing something else?
I think that the image position is calculated at the center of the screen in lightbox.js, so you’d need to modify that.
Quote from: c.brown at Nov 15, 2006, 09:47 AM
3) Is it possible to set solely a max height on the resizing (ie all images will resize to ’x’ height, while retaining the original image proportions), rather than resizing whichever is larger out of the width or height (ie so my thumbnails line up in height)
Not possible yet, sorry.
Quote from: c.brown at Nov 15, 2006, 09:47 AM
4) Is it possible to load the first enlarged image in the gallery upon page load?
You could do body onload javascript function that opens the first picture in a lightbox automatically.
Quote from: c.brown at Nov 15, 2006, 09:47 AM
5) Is it possible to automatically close the open image once another thumbnail is clicked upon (ie rather than needing to close the current one, then click a thumb to open another)
No, lightbox overlays the whole screen and user can’t click through the overlay. Some modifying is also needed to achieve this.
BUT... If I get this correctly, you would want to display the image beside the gray area when user clicks a thumbnail, yes? You could do it easily like this:
Place a div beside that gray area that is the size of the pictures that you want to show in there and has a id "picHolder". Then do your own galley picture template chunk "mgGalleryPicture" with following content:
<a href="#" onClick="showPic('[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]');return false;">
<img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]" class="thumbnail" title="[+maxigallery.picture.title:htmlent+] [+maxigallery.strings.click_to_zoom+]" alt="[+maxigallery.picture.title:htmlent+] [+maxigallery.strings.click_to_zoom+]" />
</a>
Then do a js chunk "mgJs" (or external .js file) with following content:
<script type="text/javascript">
function showPic(url) {
var picHolder = document.getElementById('picHolder');
picHolder.style.backgroundImage="url("+url+")";
}
</script>
Then in your snippet call, use &galleryPictureTpl=`mgGalleryPicture` &js=`mgJs` parameters. It should work like you want..