Need help with image gallery

I've tried in many ways ... add css float, overflow and nothing ...

I would like to move these wheels in the photo gallery to the left, so as to display them centrally. How can I do this? Please help

The way that Dolphin did that is strange, weird, the rounded image is simply CSS radius.  However, there are two parts to that thumbnail, one is the image and the other is the border.  Why not just use the border attribute on the image instead of on a division; which is what they did.  In the template there are two divisions, both inside of another division.  The two divisions have a margin-left applied to them.  The first division holds the image and the second division is the border around the image.  You can actually separate the two when playing with this in firebug.  Strange, very strange.

Edit: I see now; the second division is used to indicate the currently selected image.  I never like the thumbnail part of the gallery view.

The current photo is suppose to be the one in the centre.  I remember this as one of the things that Andrew blogged about; this new display of group photos.  It is not a good implementation of an images strip.  There are plenty of photo gallery scripts on the net that does it much better.  What is needed is to rip out what Boonex did and drop in a better way.

 I do not like this part of the gallery and the blank space next to it. It would be good if all the circles thumbnails start from the left side and not from the center. It's better for me to visually it looked. I do not know why it is so difficult to change it. I've tried different ways. Surely something can figure out just do not know yet how. I will try more play with firebug in file gallery_images.css

The positioning  css for that thumbnail strip is calculated dynamically, and if you override it, you may have problems if you have a lot of thumbnails and the overflow is not handled properly.

To override the dynamic css, you'll have to ad !important to any css rule you add.

HoustonLively is correct on this one, if you look using firebug you will see the control listed at the top in element style; meaning it is created dynamically.  You would have to change the code and template that handles this; not just CSS.

The way Boonex did the thumbnails sucks.  Plus, they default to the first image first meaning that if you add a new image to the gallery, you don't see it, you have to go through the whole thumbnails.  Luckily that is just a change in the sort of the images.

Now if someone wants to be kind and work at ripping out the crap that Boonex put in and adding a decent file strip to the gallery, with left and right scroll arrows, and why not go ahead and add a slideshow view as well, we would be very appreciative and will sing your praises to anyone that comes along.

Better yet, just remove the block, the action button, and the upload form.... then install AndrewP's Group Photo Albums.

 info on how to do this would be very much appreciated

This is what AlexT supplied:

    function _blockPhoto (&$aReadyMedia, $iAuthorId, $sPrefix = false)
    {
        if (!$aReadyMedia)
            return '';

        $aImages = array ();

        foreach ($aReadyMedia as $iMediaId) {

            $a = array ('ID' => $iAuthorId, 'Avatar' => $iMediaId);

            $aImageFile = BxDolService::call('photos', 'get_image', array($a, 'file'), 'Search');
            if ($aImageFile['no_image'])
                continue;

            $aImageIcon = BxDolService::call('photos', 'get_image', array($a, 'icon'), 'Search');
            if ($aImageIcon['no_image'])
                continue;

            $aImages[] = array (
                'icon_url' => $aImageIcon['file'],
                'image_url' => $aImageFile['file'],
                'title' => $aImageIcon['title'],
                'ts' => $aImageIcon['date'],
            );
        }

        if (!$aImages)
            return '';

        function my_cmp($a, $b) {
            return $a["ts"] < $b["ts"] ? 1 : -1;
        }

        usort($aImages, "my_cmp");

        return $GLOBALS['oFunctions']->genGalleryImages($aImages);
    }

ok i give up, what file is the code in? 

I am not sure; I made this change a year ago.

I will try to find what I ended up doing and post it.

 why change this, it looks good and performs well.

If you want to shift the whole thing left that should be very easy.

My reason behind asking why to change; your future upgrade(s) will overwrite these changes and cause problems if your not keeping records of all the changes your making to core files... when 7.1.5 comes out, you stand the chance of files being overwritten and removing these changes.

the file is located in /inc/classes/BxDolTwigPageView.php

OK, look in the code block listed earlier, in /inc/classes/BxDolTwigPageView.php

You need to make the changes in red; I did not list the whole function, so find the function _blockPhoto (&$aReadyMedia, $iAuthorId, $sPrefix = false)
    {

            $aImages[] = array (
                'icon_url' => $aImageIcon['file'],
                'image_url' => $aImageFile['file'],
                'title' => $aImageIcon['title'],
                'ts' => $aImageIcon['date'],
            );
        }

        if (!$aImages)
            return '';
           
        function my_cmp($a, $b) {
            return $a["ts"] < $b["ts"] ? 1 : -1;
        }

        usort($aImages, "my_cmp");

Yes, it performs well but I think I would prefer a left and right arrow to move along the list of images.  And the sort does need to be last uploaded displayed first as the Boonex default always shows the first image first; and it is likely that those coming in want to see the last uploaded image first; this was a complaint I had on my site at the beginning about the group photos.

Thanks for all the advice will be useful. Unfortunately, still looking for a good solution for these thumbnails. Just annoys me that white empty space next to the thumbnail. There should be arrows through which one could scroll through the thumbnails on the right and left.

 The way it works is the current photo being view thumbnail is in the centre; as you move along to the right, the strip moves to the left.  This is a Boonex idea.  I think I am with you on this one, I would like a conventional thumbnail strip.  It is just not high enough on my list to work at changing it.