Photo Albums:is it possible make photos clickable?

Photo Albums: is it possible to make photos clickable??

Its VERY uncomfortable use Photo Albums couse if you see any photo, after clicking to any other photo from album's photos list Boonex redirects you ... to Main Page For This Album.

Such click should open concrete photo, but not all Album each time... (modern users hate mass-clicking - this is a grave for your website).

Any suggestions about this?

it is clickable. But to answer your question... if you know what photo of the album is showing you can code the photo url to open that photo. but i don't see the point of that...

But what if you hide the album photo so you are left with only the album name(link) would that be better??

Yes, photos are clickable.

But I want to open the photo I click, not the whole album.

The album strip you see will link to the album.  When you click on the album you get the thumbnails.  Then you go to the individual view of each.  For a slideshow I used a separate programme to handle it because of the way the version of fancybox works with "groups" of photos. 

To use the built in fancybox to view in a pop-up (light box) you can use my modification found here: http://www.boonex.com/n/using-fancybox-for-photo-thumbnails-to-view-larger

My modification does not include the outline but one could if one wishes to modify the outline code.

Dear Geek_Girl,

thank you for your opinion and for your attention!

Unfortunately, the decision you provided doesn't work (I tried it!). 

I think, the problem is in the code of the file ...BOONEX/modules/boonex/photos/templates/base/album_unit.html.

I colored it in red:

    <div class="sys_album" onclick="window.location = '{albumUrl}';">

        <div class="sys_album_cnt">

            <bx_repeat:units>

                <bx_if:exist>

                    <div class="sys_album_item" style="background-image: url('{unit}');">

                        <img src="<bx_image_url:spacer.gif />"/>

</div>

                </bx_if:exist>

                <bx_if:not-exist>

                    <div class="sys_album_item_empty">&nbsp;</div>

                </bx_if:not-exist>

            </bx_repeat:units>

        </div>

    </div> 

According to this code BOONEX opens whole album (not a concrete image!) when somebody clicks on preview image.

I tried to change red code with different variants but nothing helps.

 you take this out that your problem is solved. so you end up with <div class="sys_album">

 In your case small images will be unclickable. 

But I want them clickable: you click any small image ---->>RESULT--->> a page with clicked (large) image opens.

I just measured how long it took me to click on the album preview strip, go to the album, and then glance over the photo preview thumbs.     It was somewhere around 7 seconds, including page load time.

The little strips are just links to albums.  They're just a preview thingy.  The little strips are just links to albums.  It's all about an uncluttered layout and organization, so the little strips are just links to albums.  If someone had hundreds or thousands of photos and all the thumbs were on the page instead of the little album preview strips, that would be a big chaotic page, so Boonex made these little album preview strips that link to albums. It keeps the layout a little cleaner.

The little strips are just links to albums.  They're just a preview thingy.

As HL pointed out, the strips are links to the album; they show an estimate of how many photos may be in the album; estimate because the album may contain more than what can be shown in the strip.  By showing some thumbs of the photos in the album, it lets you get an idea if you may be interested in looking at the album and seeing the larger images.

Now what I did was to simply let you open the photos in fancybox from the thumbs after clicking and going to the album.  My code works because I have it applied to my site.  You either did something wrong or you are wanting to open images by clicking on the album strip.  Not all images will be shown on the album strip if the number of images exceeded the length of the album strip.

If you want the photos to be clickable on the album strip, then the code for the album strip would have to be changed; and it would have to be changed so that all images are placed on the strip with scroll bars; or some other means, to allow one to scroll through the images.  If you can not code this yourself, you will have to put in a job with an indication of how much you are willing to pay.  http://boonex.com/jobs/

Dear Geek_Girl,

this is the solution I want to have.

My brains are not so clever: I can't solve this problem myself. I'll save money for this paid modification.

_______________________________

I wan't to say that today we live in new world: technologies are very-very fast. Everything changes every 3-5 years. Boonex is very powerful system. But nothing lasts forever. We, Boonex users & developers, should work better and faster than 3-5 years ago.

Look at Wordpress: 5 years ago it was "one of" the free CMS-systems. Today at CodeCanyon we can find amazing & CHEAP modifications for portals, databases, huge repositories etc. built with Wordpress.

I think, we should work harder. 

I think we should use ALL MODERN TECHNOLOGIES. For example, I can find for Wordpress hundreds of galleries with jQuery with clickable photos at album stripe. For Boonex I have nothing. And I don't want to use Wordpress. I wan't to use Boonex.

Mr. USER becomes lazier! Mr. USER doesn't want to click at album stripe to open an album with 350 photos and than list pages to find one photo he is interested. This is the last century.

So, we should work harder. We should listen to mr. USER. We shourd remember that technologies change every 3-5 years. We should be on the wave.

 RE:

 Show me the survey results that prove this.... or are you just making a personal assumption.  The navigation of Facebook photos is very similar, and millions of people seem to be getting by with it somehow.

The little strips are just links to albums.  They're just a preview thingy.

 Your experence is the best survey.

Step 1. Just try to view the album at your Boonex web-site with 350 photos: 350 pages loadings, 350 muose actions, mass traffic + waste of time. This is a hell on Earth.

Step 2. Just click here: http://www.interactivepixel.net/ccPanGallery/index_buttons_bottom.html#/category_one/image2

It cost 8$. Not much for Boonex's code-Gods, yes?

Feel the difference.

Ok malpa tell me... if you have a album with over 350 photos how do want the user to get the right photo to show.
You need to scroll thru the photos or have a search there is no other way..!

I have a lytebox(fancybox) popup in the album section that when you click preview it opens the popup.
with a option to scroll thru the rest of the album photos without going to the album/photo view page.

Alpo, if you like the way that slide show works, then you should hire someone to do some custom coding for you. That's the only way it's going to happen.

You tell us about Boonex website? Did you write this code yourself?

Can you give\sell this code?

I will send you a PM with login details. then check it out and see if that it is something you can work with.
I use the same idea on my outline and some other modules.

Hello Malpa,

As already described in this post, you will be able to click only on the visible thumbs, depending on the max page width you have set no more than 12 or 13 thumbs are visible and users will need to open the Album to visualize all photos.

But to make the thumbs clickable is very easy, you have to edit 2 files, make sure to backup them first.


Edit /templates/base/BxBaseSearchResultSharedMedia.php

Line 588 find this:
'unit' => $bPic ? $this->getAlbumCoverUrl($aPic) : '',
After this insert:
    'photo' => $link,

Line 582 find this:
$bPic = isset($aPic['id_object']) && (int)$aPic['id_object'] > 0;
After this insert:
    if ($this->aCurrent['table'] == 'bx_photos_main')
            {
              $object = $aPic['id_object'];
              $sqlLink = "SELECT `Uri` FROM `{$this->aCurrent['table']}` WHERE `ID` = '{$object}'";
              $photoUri = db_value($sqlLink);
              $link = $this->getCurrentUrl('file', '', $photoUri);
            }

Save file.

Edit /modules/boonex/photos/templates/base/album_unit.html

Find this:
<div class="sys_album" onclick="window.location = '{albumUrl}';">
Replace by:
<div class="sys_album">

Find this:
<div class="sys_album_item" style="background-image: url('{unit}');">
Replace by:
<div class="sys_album_item" style="background-image: url('{unit}');" onclick="window.location = '{photo}';">

Save file.

Clear all cache, That's it!