Flipping image on IE6

What you just said, is actually what is going on. The problem is, it does not always happen. Something usually triggers that to happen. Maybe you need to let the slideshow scroll for a while. I am sure you will see that once. And as I said, that definetely does not happen in Firefox. I have only IE6, so I can only say that it happens there.

PS:
Thanks a lot for your suggestion. I was actually confused what I should put there. The main reason I have written that there because I got complain from my aunt that the photos are too small. That was because she didn't click on the thumbnails. She is very rare using the computer, especially the web browser.

I wanted to put: (Java script support should be enabled in your browser), but that is too long. I know this is off topic, but do you have any suggestion on a short and meaningful sentence for that?

Hello Stella,

Please find below my variable settings of Lightbox2. I hope that will help you debugging the code.

Cheers,

Anto

mysql> select * from variable where name like 'lightbox2%';
+-----------------------------------------+----------------------------------------+
| name                                    | value                                  |
+-----------------------------------------+----------------------------------------+
| lightbox2_image_assist_custom           | s:1:"0";                               |
| lightbox2_lite                          | i:0;                                   |
| lightbox2_image_node                    | s:1:"0";                               |
| lightbox2_display_image_size            | s:5:"large";                           |
| lightbox2_trigger_image_size            | a:1:{s:9:"thumbnail";s:9:"thumbnail";} |
| lightbox2_disable_nested_galleries      | i:0;                                   |
| lightbox2_flickr                        | s:1:"0";                               |
| lightbox2_inline                        | s:1:"0";                               |
| lightbox2_custom_trigger_classes        | s:0:"";                                |
| lightbox2_node_link_text                | s:0:"";                                |
| lightbox2_node_link_target              | i:0;                                   |
| lightbox2_slideshow_interval            | s:2:"10";                              |
| lightbox2_slideshow_automatic_exit      | i:0;                                   |
| lightbox2_slideshow_show_play_pause     | i:1;                                   |
| lightbox2_slideshow_pause_on_next_click | i:1;                                   |
| lightbox2_slideshow_pause_on_prev_click | i:1;                                   |
| lightbox2_default_frame_width           | s:3:"400";                             |
| lightbox2_default_frame_height          | s:3:"400";                             |
| lightbox2_frame_border                  | i:1;                                   |
| lightbox2_gallery2_blocks               | s:1:"0";                               |
| lightbox2_use_alt_layout                | i:1;                                   |
| lightbox2_force_show_nav                | i:0;                                   |
| lightbox2_image_count_str               | s:24:"Image !current of !total";       |
| lightbox2_page_count_str                | s:23:"Page !current of !total";        |
| lightbox2_disable_zoom                  | i:1;                                   |
| lightbox2_disable_resize                | i:0;                                   |
| lightbox2_overlay_opacity               | s:3:"0.6";                             |
| lightbox2_js_location                   | s:6:"footer";                          |
| lightbox2_page_init_action              | s:12:"page_disable";                   |
| lightbox2_page_list                     | s:0:"";                                |
| lightbox2_loop_items                    | i:1;                                   |
| lightbox2_enable_login                  | i:0;                                   |
| lightbox2_enable_video                  | i:0;                                   |
| lightbox2_border_size                   | s:2:"10";                              |
| lightbox2_box_color                     | s:3:"000";                             |
| lightbox2_font_color                    | s:3:"fff";                             |
| lightbox2_top_position                  | s:0:"";                                |
| lightbox2_overlay_color                 | s:3:"000";                             |
| lightbox2_resize_sequence               | s:1:"1";                               |
| lightbox2_resize_speed                  | s:3:"0.1";                             |
| lightbox2_fadein_speed                  | s:3:"0.1";                             |
| lightbox2_slidedown_speed               | s:3:"0.1";                             |
| lightbox2_loop_slides                   | i:1;                                   |
| lightbox2_custom_class_handler          | s:1:"0";                               |
+-----------------------------------------+----------------------------------------+
44 rows in set (0.00 sec)

mysql>

Hi Stella,

At work, we are all get a PC with exactly the same Windows XP image with IE6, but I use Firefox. One day, I asked feedback for my website, to 8 colleagues who are sitting around me. Only 2 of them are using Firefox, the rest of them are using IE6. One of them gave feedback like this: "I suggest you turn off this flipping feature as that is really annoying. It does not make sense to re-display the previous picture in a split second before showing the current picture".

I thought it is because the Windows XP OS that we are using, which is the Professional Edition. So I asked my friend whom I know using Windows XP Home edition at home, to try my website. He confirmed seeing the flipping affect as well. So to answer your question, the issue happens on all of those 8 (one is mine) PCs.

I understand your decision to change the status of this request to "support request" instead of "bug report", due to you are unable to reproduce this on your PC. But I am sure now that this is a bug in Lighbox2 as I didn't change anything on its source code.

Unfortunately, I can not find any gallery on your website especially under folder http://www.stellapowerdesign.net/image/tid/3, that has slideshow function enabled. So I can not compare that. If you could let me know a Drupal website which is using Lightbox2 with slideshow, I would really appreciate that.

For those who happen to read this bug report and using IE6, I would really appreciate if you could let us know whether you are seeing this flipping affect or not? Just browse my gallery at http://thetwins.info/gallery.html.

Cheers,

Anto

Thanks Stella,

But unfortunately, version 6.x-1.x-dev does not seem to fix the issue. Maybe it is just my feeling, but the issue looks worst in this version.

I could try debugging my self if you could let me know which part should I look. FYI, I know very little about Java, PHP scripting and Drupal coding standard. But I don't think that can stop me trying.

cheers,

Anto

Hello Stella,

I have been searching for any issues related to Javascript and Internet Explorer. I found some interesting readings, but I am not sure if that would be related to this issue. It seems that this issue is caused by memory leaks on IE related to the garbage collection. I am not really an expert on this, so I can not say a lot.

Finally I decided to try to modify the lightbox.js of version 6.x-1.x-dev, particularly line 441 as below

440           // Clear onLoad, IE behaves irratically with animated gifs otherwise.
441           imgPreloader.onload = function() {};
442         };

changed into

440           // Clear onLoad, IE behaves irratically with animated gifs otherwise.
441           imgPreloader.onload = null;
442           imgPreloader = null;
443         };

And also changed the animation setting of Lighbox2 particularly "Resize Duration:" and "Appearance Duration:" to at least 0.5 second. I have not seen the problem since then.

What do you think about this, Stella?

Cheers,

Anto
----
PS: Since I started to modify the Lightbox2 Javascript, I tried also to modify the parts related to the skin. So Lightbox2 looks now different on my gallery.