Topic: Flicker gallery display problem

Some of the flicker galleries sometimes do not show up in Chrome.- just empty space.

it seems to happen randomly more often with the last 4 galleries on the page and not all the time.

Any ideas?

http://www.cherryvalleymanor.com/index-1.html

Re: Flicker gallery display problem

Try checking your web page's code with the W3C Markup Validation service and fix any HTML errors reported.

Also, try upgrading your galleries to the latest version of Juicebox (v1.3.3).
Instructions on how to get the latest version and how to uphgrade existing galleries can be found on the Upgrading Juicebox support page.

The above suggestions may or may not help but if any HTML errors are fixed and your galleries use the current version of Juicebox, then we can eliminate these factors from the problem.

The problem may be related to the browser timing out whilst fetching the images from Flickr's servers. As a test, you could try loading local galleries (with images stored on your web server and listed in the gallery XML files) to see if this makes a difference.

Re: Flicker gallery display problem

thank you very much for your prompt response.

But the same code works well for other browsers including  fetching the images from Flickr's servers. that looks confusing...

I will try anyway.

Meantime, does a picture size  make a difference for this issue?

Can I place the galleries on Picasa to see if it makes a difference?

Re: Flicker gallery display problem

But the same code works well for other browsers including  fetching the images from Flickr's servers. that looks confusing...

The problem is certainly strange and I do not know the exact cause.
However, as I mentioned above, if the code on your web page validates correctly and your gallery uses the most recent version of Juicebox, then we can at least rule out HTML errors and previous Juicebox bugs as possible causes.

Meantime, does a picture size  make a difference for this issue?

This should not make a difference. Large images will take longer to load but they should not cause a gallery to not display. The preloader (spinner logo) should be visible whilst an image is loading.

Can I place the galleries on Picasa to see if it makes a difference?

You could certainly try. (The more information we have, the better.)
I suggested using local galleries rather than Flickr in order to try to determine whether Flickr was a contributing factor in the problem.

Re: Flicker gallery display problem

How can I connect to the Picasa galleries instead of Flicker?
Is there a guide how to do that?

Re: Flicker gallery display problem

Juicebox does not have built-in support for Picasa Web Albums.
If you would like to display a Picasa Web Album as a Juicebox gallery, you could adapt the SimpleViewer for Picasa Web Albums script from this web page.

Essentially you would use a PHP script to dynamically create the XML data on-the-fly as the gallery is being displayed.
You would point towards this PHP script using the configURL configuration option in your gallery's embedding code.

For example, use the following code in a file named 'config.php' (changing the Picasa Username and Web Album Name as required) and use configURL: 'config.php' in your gallery's embedding code.

<?php

// Simpleviewer for Picasa Web ALbums
// get all the details on www.paulvanroekel.nl/picasawebalbums/


    $userid = 'picasateam';
    $album = 'VegasWeekend';
    
    
    // build feed URL
     $feedURL = "http://picasaweb.google.com/data/feed/api/user/$userid/album/$album?imgmax=912";
     // $feedURL = "http://picasaweb.google.com/data/feed/api/user/$userid?kind=photo";


    // read feed into SimpleXML object
    $sxml = simplexml_load_file($feedURL);
    
    // customize your gallery
    echo "<juiceboxgallery galleryTitle=\"$album\" >\n"; 


    // iterate over entries in album
    // print each entry's title, size, dimensions, tags, and thumbnail image
    foreach ($sxml->entry as $entry) {
      $title = $entry->title;
      $summary = $entry->summary;
      
      $gphoto = $entry->children('http://schemas.google.com/photos/2007');
      $size = $gphoto->size;
      $height = $gphoto->height;
      $width = $gphoto->width;
      
      $media = $entry->children('http://search.yahoo.com/mrss/');
      $thumbnail = $media->group->thumbnail[1];
      $content = $media->group->content;
      $tags = $media->group->keywords;
  
          


        echo "<image imageURL=\"";
        // url van photo
        echo $content->attributes()->{'url'};
        echo "\" thumbURL=\"";
        // url van thumb
        echo $thumbnail->attributes()->{'url'};
        echo "\">";
        echo "<title>";
        echo $title ;
        echo "</title>";
        echo "<caption>";
        echo $summary ;
        echo "</caption>";
        echo "</image>";
        echo "\n";

   
        }
        

    echo "</juiceboxgallery>";

?>

Re: Flicker gallery display problem

HTML fixed and Juicebox updated to 1.3.3, but the problem persists.

Here are more details:
There are 6 galleries on one page, most are missing, some are displayed in the wrong place.
The first gallery is always correct, the rest are missing/switched around randomly after each page refresh.
So far noticed only in Win7 and Win8 using latest Chrome "31.0.1650.63 m", appears to work in other browsers.

As you can see in the picture below, the right screenshot displays correct picture of the galleries.
In the left screenshot the second gallery is in the wrong place and the following one does not appear to be loaded.

https://picasaweb.google.com/lh/photo/c … directlink

That misplacement happens randomly
In the video you can see thumbnails are switching between different galleries while lower gallery is loading.

https://www.youtube.com/watch?v=ON3SMCAwRx8

Re: Flicker gallery display problem

HTML fixed and Juicebox updated to 1.3.3, but the problem persists.

Thank you for fixing the HTML errors on your web page and for upgrading your Juicebox galleries.
At least we can eliminate them from being contributing factors.

So far noticed only in Win7 and Win8 using latest Chrome "31.0.1650.63 m", appears to work in other browsers.

The problem does seem to be specific to browsers which use the WebKit engine (Chrome and Opera) though I do not see the problem in Safari (although Safari has not been updated for Windows in a long time and does not use an up-to-date version of WebKit).

I have been able to replicate the issue in a test scenario and can confirm that it is not related to Flickr and happens only in Chrome and Opera. I have logged a bug report with the developers and it should hopefully be fixed in the next version of Juicebox.

Unfortunately, I do not know of a workaround at the moment.