• Registered: 2013-11-19
  • Posts: 5

Topic: problem viewing galleries

sorry for the English

I created the galleries with the pro version working with lightroom.
The transition of the photos in the galleries is very bad, can you help? I refer to the "flash" white that you see between one image and another.
thanks

Gallery
http://www.scatturando.it/Scatturando/G_panorami.html

  • Registered: 2012-04-24
  • Posts: 5,924

Re: problem viewing galleries

What browser(s) and/or device(s) do you see this flash in?

Try viewing your gallery on its own web page to see if the problem still occurs: http://www.scatturando.it/Gallerie/panorami/index.html

The problem may be related to the code on your main page and the method by which your gallery is embedded.
Your gallery is loaded into an iframe on this web page which contains HTML errors: http://www.scatturando.it/Scatturando/G … arkup.html
The entire iframe page is then used as a widget in your main page .

All three pages use different Doctype Declarations (the gallery page uses HTML 5, the iframe page uses HTML 4.01 Transitional and your main page uses XHTML 1.0 Transitional).
Try using the same Doctype Declaration on all pages (I would recommend using HTML 5) and fix the HTML errors on your iframe page. (You can check the code on the web page with the W3C Markup Validaion Service.)

Here are a few other things you could try:

  • Try reducing the filesize of your images to speed up the loading process. Your images are currently approximately 400KB each. For web gallery use, you could perhaps reduce the quality a little and have the filesize reduced to approximately 150KB each.

  • Try changing the imagePreloading configuration option from the default value of PAGE to NEXT (to preload only the next image in the gallery). Currently your gallery can have as many as 20 thumbnails displayed (depending on the width of the user's browser window) and the gallery can be preloading as much as 8MB of data when the gallery is initially displayed.

  • Alternatively, try reducing the value of maxThumbColumns (which will reduce the amount of data initially being preloaded if you choose to use imagePreloading="PAGE").

  • Try using a different imageTransitionType (SLIDE, FADE, CROSS_FADE, NONE).

For reference, descriptions of the imagePreloading and imageTransitionType configuration options can be found in the Main Image Options section of the Config Options page.

  • Registered: 2013-11-19
  • Posts: 5

Re: problem viewing galleries

thanks, I try following your advice

  • Registered: 2013-11-19
  • Posts: 5

Re: problem viewing galleries

I set imageTransitionType = "FADE" and imagePreloading = "PAGE", it should be better, but the problem is not solved (it remains with thumbnails).
With Internet Explorer 10, the gallery is not displayed.
To create my site using iWeb for Mac, I tried without success a method for changing Doctype Declarations ... can you help?
thanks

  • Registered: 2012-04-24
  • Posts: 5,924

Re: problem viewing galleries

As iWeb creates both your main page and the page containing the iframe, it should be possible for both these pages to use the same Doctype Declaration. Unfortunately, I am not familiar with iWeb but their own support pages should be able to help you with this.

You can correct the validation error in your iframe code by changing:

<iframe src= 
http://www.scatturando.it/Gallerie/panorami/index.html
style="width:1200px; height:900px; 
border-color:#990033; 
border-style:solid; 
border-width:0px" 
scrolling="yes" > 
</iframe>

... to:

<iframe src="http://www.scatturando.it/Gallerie/panorami/index.html" width="1200" height="900" frameborder="0" scrolling="no"></iframe>

(Use double-quotes around the 'src' attribute.)

With Internet Explorer 10, the gallery is not displayed.

I have viewed your gallery in IE11 and it displays (though with problems which may be due to the use of the iframe, the widget code and the differing Doctypes used).

Do you see the flashing problem when viewing the gallery on its own web page? http://www.scatturando.it/Gallerie/panorami/index.html
If so, what browser(s) so you see this flashing problem in?

  • Registered: 2013-11-19
  • Posts: 5

Re: problem viewing galleries

http://www.scatturando.it/Gallerie/panorami/index.html
always looks good with all browsers I've tried, even Explorer10

thanks

  • Registered: 2012-04-24
  • Posts: 5,924

Re: problem viewing galleries

Thank you for trying this.
This demonstrates that the gallery itself is OK but that the problem lies with the code on your embedding pages.
Loading a gallery in an iframe will isolate the gallery from the code on your main page but as you still experience issues, it looks like the problem originates from the use of different Doctypes and/or HTML errors on your pages.

Try to standardize the Doctypes across your pages and fix any HTML errors. Hopefully this will help.

I see that all your web pages now use the HTML 5 Doctype but you should still use double-quotes around the 'src' attribute within your iframe code, ie. change:

src=http://www.scatturando.it/Gallerie/panorami/index.html

... to:

src="http://www.scatturando.it/Gallerie/panorami/index.html"

  • Registered: 2013-11-19
  • Posts: 5

Re: problem viewing galleries

I changed DOCTYPE with a text editor because iWeb will not let me. This system, however, is not sustainable.
I have to abandon iWeb and find an alternative WYSIWYG for MAC ... you develop a program?

  • Registered: 2012-04-24
  • Posts: 5,924

Re: problem viewing galleries

We do not have a WYSIWYG web design program but we do have Showkase, a PHP web application which allows you to create complete portfolio web sites (integrating multiple galleries) online.

Showkase has full support for Juicebox-Pro and SimpleViewer-Pro galleries and the galleries can be created within the application itself (or created with JuiceboxBuilder-Pro and svBuilder-Pro and imported) in a web browser interface.
You can create Gallery Index pages and have as many galleries listed on each Gallery Index page as you wish.
Each gallery is represented by a thumbnail image (with the gallery title displayed below) and the gallery is opened when the user clicks on the image.

Showkase also has the ability to create non-gallery pages such as 'About', 'Contact' and 'Basic' pages where you can enter information about yourself and contact details.

Demo sites can be found here and a sample Gallery Index page can be found here.

All of this is done automatically within the Showkase interface without the need for any manual coding at all.

If you would like to take a look around the Showkase interface, you can log into the Live Demo Admin here.

Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite and SimpleViewer-Standard, the free versions) or Showkase-Pro (which comes with Juicebox-Pro and SimpleViewer-Pro).
(The only difference between Showkase-Standard and Showkase-Pro is the bundled viewers.)
As you already have Juicebox-Pro, you could purchase Showkase-Standard and upgrade it to use your Juicebox-Pro files by following the instructions here.