Image Gallery - Zoom

I need help with image gallery. I would like to zoom in on pictures, as some are in high definition and can not be shown in its entirety. I installed this: http://www.boonex.com/forums/topic/Photo-Zoom-a-Freebie-module-from-sMartyD.htm
but this is not quite what I'm looking for.

I`m looking something like on imgur.com for eg here: http://imgur.com/gallery/3XgLvuq

When you click on the image enlarges and you can see it in all its glory. How can I use something similar to the image gallery? Please advice

Just out of curiosity, what's wrong with the 'Original' action button?

 'Original' action button is visible for me only when I view one photo. In photo gallery I don't have 'Original' action button. You can check this for eg here: http://www.areavis.com/m/humor/view/12-amatorskich-zdjęć-wykonanych-przez-pierwszy-aparat-Kodak

Dolphin has fancybox installed; it is used for enlarging the thumbnail attached to blogs and other areas.  You could use it to display a larger image on the screen in a pop-up light box.  You would need to change the template to have some link somewhere to activate the fancybox pop-up.

Here is an idea of how it would work.

http://www.boonex.com/n/using-fancybox-for-photo-thumbnails-to-view-larger

That tutorial is for adding fancybox to photo thumbnails; however, it should give you an idea of how fancybox works and hopefully you can apply it in some manner to your gallery.  I suggest working on a test site for this.

Easy to add a fancybox slideshow to the gallery with a few simple changes.  Other things would be pretty easy too.

In /templates/base/scripts/BxBaseFunctions.php

    function genGalleryImages($aImages, $oTemplate = false)
    {
        if (!$aImages)
            return '';

        $aVars = array (
            'prefix' => $sPrefix ? $sPrefix : 'id'.time().'_'.rand(1, 999999),
            'bx_repeat:images_icons' => array (),
            'bx_repeat:icons' => array (),
        );

        $iId = 0;
        foreach ($aImages as $aImage) {
            $a = array (
                'id' => ++$iId,
                'icon_url' => $aImage['icon_url'],
                'image_url' => $aImage['image_url'],
                'title' => $aImage['title'],
            );
            $aVars['bx_repeat:images'][] = $a;
            $aVars['bx_repeat:icons'][] = $a;
        }

        if (!$oTemplate)
            $oTemplate = $GLOBALS['oSysTemplate'];
            $oTemplate->addJs('plugins/fancybox/|jquery.fancybox.js');
            $oTemplate->addCss('plugins/fancybox/|jquery.fancybox.css');
        $oTemplate->addJs('jquery.dolGalleryImages.js');
        $oTemplate->addCss('gallery_images.css');
        return $oTemplate->parseHtmlByName('gallery_images.html', $aVars);
    }

Then in templates/tmpl_whatever/gallery_images.html

<div class="bx-def-bc-padding">

    <div id="__prefix__-gallery" class="bx-gallery">



        <div id="__prefix__-gallery-imgs" class="bx-gallery-imgs">
            <bx_repeat:images>
                <div class="bx-gallery-img-cont" data-img="__image_url__" data-icon="__icon_url__" id="bx-gallery-img-cont-__id__">
                    <div class="bx-gallery-img-title bx-def-font-large bx-def-round-corners">__title__</div>
<div><a class="fancybox" rel="group"   href="__image_url__">Slideshow</a></div>
                    <img class="bx-gallery-img bx-def-shadow bx-def-round-corners" title="__title__" alt="__title__" src="__image_url__" id="bx-gallery-img-__id__" />

                </div>
            </bx_repeat:images>
        </div>
        <div class="bx-gallery-icons bx-def-margin-sec-bottom">           
            <div class="bx-gallery-icons-rails">
                <bx_repeat:icons>
<img class="bx-gallery-icon" title="__title__" alt="___title__" src="__icon_url__" id="bx-gallery-icon-__id__" />
</bx_repeat:icons>

            </div>

            <div class="bx-gallery-icon-selector"></div>
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#__prefix__-gallery').dolGalleryImages();
        });
    </script>
<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>

</div>

The CSS would need to be prettied up a bit, but that's all you need for a slideshow.  Fetching the biggest image would take a few more code changes but nothing too complicated,

 Thank you, it's pretty cool solution. I used them now for single images as the gallery that does not work. I wish the gallery to link every single image in the gallery. Someone may be of interest to one picture and not the whole gallery and would like someone to share it must send the link to the whole gallery or copy the address of the source image.

Until then, I would like to find a solution for picture in gallery - zoom.

Thanks houstonlively for code. I tested on my website but it is not exactly what I'm looking for. There was the opportunity to watch 'Slideshow' but the pictures were at the same resolution as loaded. My point is that photos in the gallery showed up in the original and high resolution. Are there any other solutions or similar?

If you go back, HL said that you would need to link to the original.  originals links are in /original; same hash is created for the original file name as with the smaller images; so you would link to the same file name but add original to the URL:

/m/photos/get_image/original/

 RE:

 Yeah, I know.... It was just an example of how easy it is to implement fancybox.  I know what you want.... I'll see what I can do.

Actually, this really should be part of the core product, so I entered a ticket.

http://www.boonex.com/trac/dolphin/ticket/3375

 That's right. Thanks for the ticket and advice. I hope that this opportunity will be already in the newest version of Dolphin.