Topic: Juicebox flickers but only on one clients browser...

Just seeing if anyone has an idea of what can cause a flicker of the main image in juicebox only on one users computer. They use OSX with the latest chrome browser, same specs as me, after each transition the last main image flashes for a fraction of a second(along with the title and number) before the new image reapeats.

So, the user clicks the arrow to view thge next image, the main image transitions off correctly and the new image transitions in correctly but then the old image, title and number flash for a tenth of a second before disappearing again leaving the correect new image being shown. Has anyone ever experienced anything like this? I have not been able to reproduce at all so I'm flying blind if you will...

Re: Juicebox flickers but only on one clients browser...

Please make sure that your gallery uses the latest version of Juicebox-Pro (v1.3.2) to ensure than any bugs which were present in previous versions but have since been fixed are not contributing to your problem.
For a full list of changes, please see the Version History.
For instructions on how to get the latest version and how to upgrade existing galleries, please see the Upgrading Juicebox page.

Also, ask your client to try clearing their browser's cache and to temporarily disable any browser extensions that they may have installed before reloading the gallery to see if this helps.

If this does not help, please post the URL to your gallery so that I can take a look.

Re: Juicebox flickers but only on one clients browser...

@joaqimb

I have viewed your Boogieboy and Namur galleries in Internet Explorer 11 and I do not see a flickering image and the Button Bar appears at the upper-right corner of the expanded gallery. Everything appears to be working as expected.
If these are not the galleries you are referring to, then please post the URL to the gallery in question and let me know what version of Internet Explorer you use.

The following are general tips which may help with the symptoms you describe but if the galleries I named above are the ones you are referring to, then the problem may be local to your computer or the version of Internet Explorer that you use.

I have the same problem in Internet Explorer. But not in Firefox or Google Chrome.

First of all, please ensure that you are using the latest version of Juicebox-Pro (v1.4.2).
Instructions for upgrading can be found here.

Please see this FAQ, which may help: My gallery looks strange in Internet Explorer 9. Why?

Also, please make sure that your Internet Explorer browser is not displaying your web page in Compatibility View.

Next, check your web page for any HTML errors. You can check the code on your web page with the W3C Markup Validation Service and then fix any errors reported. Once the code on your web page validates correctly, your web page should be rendered with greater predictability and consistency across different browsers.

And for more: when I go to full screen in IE, I loose my buttonbar at the top of the window.

Try one (or more) of the following:

  • Try setting a fully opaque expandedBackgroundColor (such as expandedBackgroundColor="rgba(255,255,255,1)") in JuiceboxBuilder-Pro's 'Customize -> Color' section (set the 'Opacity' value to '1').

  • Try setting expandInNewPage="TRUE" in JuiceboxBuilder-Pro's 'Customize -> General' section.

  • Try changing the useFullscreenExpand configuration option (from TRUE to FALSE or vice versa) in JuiceboxBuilder-Pro's 'Customize -> Lite' section.

Re: Juicebox flickers but only on one clients browser...

Steven,

I do have the latest version of Pro. I use IE 11. Non-compatible mode. The suggestions you made don't give a solution.

This is a diagnostic: (non-catastrofic)

Line 88, Column 55: (error line in bold)

Consider using the h1 element as a top-level heading only (all h1 elements are treated as top-level headings by many screen readers and other tools).

…                <h1 class="page-title">BoogieBoy</h1>
jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"professional_responsive_theme","theme_token":"amu8XCOY0Pcf7PpQYuvEvKsjrT_LEa1bVjMN7icHm6w","js":{"http:\/\/code.jquery.com\/jquery-1.10.2.min.js":1,"0":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/all\/modules\/extlink\/extlink.js":1,"public:\/\/languages\/nl_LqvmXzNVcpl__UZ5Iudv-Jhf0jdFNV4n_CSuLWiqW_Q.js":1,"sites\/all\/modules\/lightbox2\/js\/lightbox.js":1,"sites\/all\/themes\/professional-responsive-theme\/js\/custom.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"modules\/aggregator\/aggregator.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/extlink\/extlink.css":1,"modules\/forum\/forum.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/modules\/ckeditor\/css\/ckeditor.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/elf\/css\/elf.css":1,"sites\/all\/modules\/lightbox2\/css\/lightbox.css":1,"sites\/all\/modules\/panels\/css\/panels.css":1,"sites\/all\/themes\/professional-responsive-theme\/style.css":1,"sites\/all\/themes\/professional-responsive-theme\/media.css":1}},"lightbox2":{"rtl":"0","file_path":"\/(\\w\\w\/)public:\/","default_image":"\/sites\/all\/modules\/lightbox2\/images\/brokenimage.jpg","border_size":10,"font_color":"000","box_color":"fff","top_position":"","overlay_opacity":"0.8","overlay_color":"000","disable_close_click":1,"resize_sequence":0,"resize_speed":400,"fade_in_speed":400,"slide_down_speed":600,"use_alt_layout":0,"disable_resize":0,"disable_zoom":0,"force_show_nav":0,"show_caption":0,"loop_items":0,"node_link_text":"View Image Details","node_link_target":0,"image_count":"Image !current of !total","video_count":"Video !current of !total","page_count":"Page !current of !total","lite_press_x_close":"press \u003Ca href=\u0022#\u0022 onclick=\u0022hideLightbox(); return FALSE;\u0022\u003E\u003Ckbd\u003Ex\u003C\/kbd\u003E\u003C\/a\u003E to close","download_link_text":"","enable_login":false,"enable_contact":false,"keys_close":"c x 27","keys_previous":"p 37","keys_next":"n 39","keys_zoom":"z","keys_play_pause":"32","display_image_size":"original","image_node_sizes":"()","trigger_lightbox_classes":"","trigger_lightbox_group_classes":"","trigger_slideshow_classes":"","trigger_lightframe_classes":"","trigger_lightframe_group_classes":"","custom_class_handler":0,"custom_trigger_classes":"","disable_for_gallery_lists":true,"disable_for_acidfree_gallery_lists":true,"enable_acidfree_videos":true,"slideshow_interval":5000,"slideshow_automatic_start":true,"slideshow_automatic_exit":true,"show_play_pause":true,"pause_on_next_click":false,"pause_on_previous_click":true,"loop_slides":false,"iframe_width":600,"iframe_height":400,"iframe_border":1,"enable_video":0},"extlink":{"extTarget":"_blank","extClass":0,"extLabel":"(link is external)","extImgClass":0,"extSubdomains":1,"extExclude":"","extInclude":"","extCssExclude":"","extCssExplicit":"","extAlert":0,"extAlertText":"Deze link brengt je naar een extra venster. Het venster van mijn website blijft geopend.","mailtoClass":"mailto","mailtoLabel":"(link sends e-mail)"}});
//--><!]]>
</script>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body class="html not-front not-logged-in one-sidebar sidebar-first page-node page-node- page-node-60 node-type-article">
<div id="header_wrapper">
<header id="header" role="banner">
<div id="logo"><a href="/" title="Home"><img src="http://www.joaqimb.be/sites/default/files/schoonheid%20in%20pixels%20LOGO%20BLAUW%20Brugge.jpg"/></a></div>
<h1 id="site-title">
<a href="/" title="Home">Schoonheid in pixels </a>
<div id="site-description"> </div>
</h1>
<div class="clear"></div>
</header>
<div class="menu_wrapper">
<nav id="main-menu" role="navigation">
<a class="nav-toggle" href="#">Navigation</a>
<div class="menu-navigation-container">
<ul class="menu"><li class="first leaf"><a href="/index.html">welkom</a></li>
<li class="leaf"><a href="/node/16">Over mij</a></li>
<li class="leaf"><a href="/node/15">Nieuws</a></li>
<li class="leaf"><a href="/node/18">Contact</a></li>
<li class="expanded active-trail"><a href="/node/61" class="active-trail">portfolio</a><ul class="menu"><li class="first leaf active-trail"><a href="/node/60" class="active-trail active">BoogieBoy</a></li>
<li class="last leaf"><a href="/node/59">Namur</a></li>
</ul></li>
<li class="last leaf"><a href="/node/17">Links</a></li>
</ul> </div>
<div class="clear"></div>
</nav><!-- end main-menu -->
</div>
</div>
<div id="container">
<div class="content-sidebar-wrap">
<div id="content">
<section id="post-content" role="main">
<h1 class="page-title">BoogieBoy</h1> <div class="region region-content">
<div id="block-system-main" class="block block-system">
<div class="content">
<div class="content node-article">
<div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><!--START JUICEBOX EMBED--><script src="http://www.joaqimb.be/JbBoogie/jbcore/juicebox.js"></script><script>
<!--//--><![CDATA[// ><!--
new juicebox({
baseUrl: 'http://www.joaqimb.be/JbBoogie',
containerId: "juicebox-container",
galleryWidth: "600",
galleryHeight: "400",
backgroundColor: "rgba(204,204,204,1)"
});
//--><!]]>
</script><div id="juicebox-container">
</div>
<!--END JUICEBOX EMBED--></div></div></div> </div>

Re: Juicebox flickers but only on one clients browser...

The error you reported above is more of a warning than a problem and is not going to be the cause of a flickering gallery.
It looks like you may have deleted your original post in this thread (it certainly seems to have disappeared).

Does the flickering occur when you view the gallery on its own web page (when you view the gallery's own 'index.html' page inside the gallery folder) or just when the gallery is embedded in your main page?
Also, does your button bar disappear when expanding the gallery from its own web page or just when expanding the gallery from your main page.

If you have any add-ons installed in IE11, try temporarily disabling them to see if this makes a difference.

If you continue to experience difficulties, please explain exactly what the flickering looks like (do images quickly appear and disappear, is it just the main image or the whole gallery) and at what point in the gallery the flickering occurs (when the gallery is initially loaded or at the start or end of an image transition or when clicking a button on the Button Barl).

Re: Juicebox flickers but only on one clients browser...

Steven,

Indeed, I did delete the post the moment you were answering it. Everything seemed OK at that moment. :)

I read on many places that IE and HTLM5 are not such good friends. I watched my site on IPAD and Samsung tablet 7": everything ok. As well as in Safari, Firefox and Chrome.

So I stop worrying and boring you with this kind of issues. Juicebox is great. Support is great. So I'm happy with the product.

Just this: is only showing thumbnails (with link) as done in Colorbox an issue for a next release?

Thanks for your kind support.