Images not cycling only in IE8 [#1099582]

Another issue exclusively on IE8.

My Slideshow works great in Mac-Firefox, Mac-Safari, Mac-Opera and Windows-Firefox. In IE8, only the first image is showing. No cycling. I did not have chance to test it in other IE versions. Any tips would be appreciated.

Details:

- The site is http://ricardotamura.net
temporary login/passwd: drupal/slideshow

- The slideshow with overlayed text was created following these two tutorials (with some changes):

http://www.bywombats.com/blog/06-08-2010/building-rotating-image-banner-...

http://mustardseedmedia.com/podcast/episode42

- Drupal.settings:

<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/", "admin_menu": { "margin_top": 1 }, "lightbox2": { "rtl": 0, "file_path": "/(\\w\\w/)sites/default/files", "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": true, "resize_sequence": 0, "resize_speed": 400, "fade_in_speed": 400, "slide_down_speed": 600, "use_alt_layout": false, "disable_resize": false, "disable_zoom": false, "force_show_nav": false, "show_caption": true, "loop_items": false, "node_link_text": "View Image Details", "node_link_target": false, "image_count": "Image !current of !total", "video_count": "Video !current of !total", "page_count": "Page !current of !total", "lite_press_x_close": "press \x3ca href=\"#\" onclick=\"hideLightbox(); return FALSE;\"\x3e\x3ckbd\x3ex\x3c/kbd\x3e\x3c/a\x3e to close", "download_link_text": "Download Original", "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": "", "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": false }, "swftools_soundmanager2": { "soundManager.url": "/sites/all/libraries/soundmanager2/swf/", "soundManager.debugMode": false, "soundManager.useFlashBlock": true, "soundManager.flashVersion": 8, "soundManager.useFastPolling": false, "soundManager.useHighPerformance": true, "threeSixtyPlayer.config.imageRoot": "/sites/all/libraries/soundmanager2/demo/360-player/" }, "jcalendar": { "path": "/sites/all/modules/calendar/jcalendar" }, "views": { "ajax_path": [ "/views/ajax", "/views/ajax" ], "ajaxViews": [ { "view_name": "watch_listen", "view_display_id": "block_1", "view_args": "", "view_path": "node", "view_base_path": "watch-listen", "view_dom_id": 2, "pager_element": 0 }, { "view_name": "gallery", "view_display_id": "block_1", "view_args": "", "view_path": "node", "view_base_path": null, "view_dom_id": 3, "pager_element": 0 } ] }, "viewsSlideshowSingleFrame": { "#views_slideshow_singleframe_main_rotating_banner-block_1": { "num_divs": 3, "id_prefix": "#views_slideshow_singleframe_main_", "div_prefix": "#views_slideshow_singleframe_div_", "vss_id": "rotating_banner-block_1", "timeout": "5000", "sort": 1, "effect": "fade", "speed": "1000", "start_paused": 0, "delay": "2000", "fixed_height": "1", "random": "1", "pause": "1", "pause_on_click": "0", "pause_when_hidden": 0, "pause_when_hidden_type": "full", "amount_allowed_visible": "", "remember_slide": 1, "remember_slide_days": "1", "controls": "0", "items_per_slide": "1", "pager": "0", "pager_type": "Numbered", "pager_hover": "2", "pager_click_to_page": 0, "image_count": "0", "nowrap": "0", "sync": "1", "advanced": "", "ie": { "cleartype": "true", "cleartypenobg": "false" } } } });
//--><!]]>

- I have SWFTools and Views Gallery enabled, so there is javascript other than the generated by Views Slideshow.

- Views export:

$view = new view;
$view->name = 'rotating_banner';
$view->description = 'The banner slideshow displayed in the header of this site.';
$view->tag = 'custom';
$view->view_php = '';
$view->base_table = 'node';
$view->is_cacheable = FALSE;
$view->api_version = 2;
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */
$handler = $view->new_display('default', 'Defaults', 'default');
$handler->override_option('fields', array(
  'field_banner_link_url' => array(
    'label' => 'Link',
    'alter' => array(
      'alter_text' => 0,
      'text' => '',
      'make_link' => 0,
      'path' => '',
      'link_class' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'target' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
      'strip_tags' => 0,
    ),
    'empty' => '',
    'hide_empty' => 0,
    'empty_zero' => 0,
    'link_to_node' => 0,
    'label_type' => 'widget',
    'format' => 'url',
    'multiple' => array(
      'group' => TRUE,
      'multiple_number' => '',
      'multiple_from' => '',
      'multiple_reversed' => FALSE,
    ),
    'exclude' => 1,
    'id' => 'field_banner_link_url',
    'table' => 'node_data_field_banner_link',
    'field' => 'field_banner_link_url',
    'relationship' => 'none',
  ),
  'field_banner_image_fid' => array(
    'label' => '',
    'alter' => array(
      'alter_text' => 0,
      'text' => '',
      'make_link' => 1,
      'path' => '[field_banner_link_url]',
      'link_class' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'target' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
      'strip_tags' => 0,
    ),
    'empty' => '',
    'hide_empty' => 0,
    'empty_zero' => 0,
    'link_to_node' => 0,
    'label_type' => 'none',
    'format' => 'banner_full_default',
    'multiple' => array(
      'group' => TRUE,
      'multiple_number' => '',
      'multiple_from' => '',
      'multiple_reversed' => FALSE,
    ),
    'exclude' => 0,
    'id' => 'field_banner_image_fid',
    'table' => 'node_data_field_banner_image',
    'field' => 'field_banner_image_fid',
    'relationship' => 'none',
  ),
  'field_brief_text_value' => array(
    'label' => '',
    'alter' => array(
      'alter_text' => 1,
      'text' => '<div id="transparentbg"></div>
<div id="banner-text">
[field_brief_text_value]
</div>',
      'make_link' => 0,
      'path' => '',
      'link_class' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'target' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
      'strip_tags' => 0,
    ),
    'empty' => '',
    'hide_empty' => 0,
    'empty_zero' => 0,
    'link_to_node' => 0,
    'label_type' => 'none',
    'format' => 'default',
    'multiple' => array(
      'group' => TRUE,
      'multiple_number' => '',
      'multiple_from' => '',
      'multiple_reversed' => FALSE,
    ),
    'exclude' => 0,
    'id' => 'field_brief_text_value',
    'table' => 'node_data_field_brief_text',
    'field' => 'field_brief_text_value',
    'relationship' => 'none',
  ),
));
$handler->override_option('sorts', array(
  'changed' => array(
    'id' => 'changed',
    'table' => 'node',
    'field' => 'changed',
  ),
));
$handler->override_option('filters', array(
  'type' => array(
    'operator' => 'in',
    'value' => array(
      'banner' => 'banner',
    ),
    'group' => '0',
    'exposed' => FALSE,
    'expose' => array(
      'operator' => FALSE,
      'label' => '',
    ),
    'id' => 'type',
    'table' => 'node',
    'field' => 'type',
    'relationship' => 'none',
  ),
  'status' => array(
    'operator' => '=',
    'value' => '1',
    'group' => '0',
    'exposed' => FALSE,
    'expose' => array(
      'operator' => FALSE,
      'label' => '',
    ),
    'id' => 'status',
    'table' => 'node',
    'field' => 'status',
    'relationship' => 'none',
  ),
));
$handler->override_option('access', array(
  'type' => 'none',
));
$handler->override_option('cache', array(
  'type' => 'none',
));
$handler->override_option('items_per_page', 0);
$handler->override_option('style_plugin', 'slideshow');
$handler->override_option('style_options', array(
  'type' => 'ul',
  'mode' => 'views_slideshow_singleframe',
  'views_slideshow_singleframe-prefix' => '',
  'views_slideshow_singleframe' => array(
    'timeout' => '5000',
    'delay' => '2000',
    'speed' => '1000',
    'start_paused' => 0,
    'fixed_height' => '1',
    'random' => '1',
    'pause' => '1',
    'pause_on_click' => '0',
    'pause_when_hidden' => 0,
    'pause_when_hidden_type' => 'full',
    'amount_allowed_visible' => '',
    'remember_slide' => 1,
    'remember_slide_days' => '1',
    'controls' => '0',
    'pager' => '0',
    'pager_type' => 'Numbered',
    'pager_hover' => '2',
    'pager_click_to_page' => 0,
    'image_count' => '0',
    'items_per_slide' => '1',
    'effect' => 'fade',
    'sync' => '1',
    'nowrap' => '0',
    'advanced' => '',
    'ie' => array(
      'cleartype' => 'true',
      'cleartypenobg' => 'false',
    ),
  ),
));
$handler = $view->new_display('block', 'Block', 'block_1');
$handler->override_option('block_description', '');
$handler->override_option('block_caching', -1);
$handler = $view->new_display('page', 'List of uploaded banners', 'page_1');
$handler->override_option('fields', array(
  'edit_node' => array(
    'label' => 'Edit link',
    'alter' => array(
      'alter_text' => 0,
      'text' => '',
      'make_link' => 0,
      'path' => '',
      'link_class' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'target' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
      'strip_tags' => 0,
    ),
    'empty' => '',
    'hide_empty' => 0,
    'empty_zero' => 0,
    'text' => '',
    'exclude' => 1,
    'id' => 'edit_node',
    'table' => 'node',
    'field' => 'edit_node',
    'override' => array(
      'button' => 'Use default',
    ),
    'relationship' => 'none',
  ),
  'title' => array(
    'label' => '',
    'alter' => array(
      'alter_text' => 1,
      'text' => '<h3>[title] ([edit_node])</h3>',
      'make_link' => 0,
      'path' => '',
      'link_class' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'target' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
      'strip_tags' => 0,
    ),
    'empty' => '',
    'hide_empty' => 0,
    'empty_zero' => 0,
    'link_to_node' => 1,
    'exclude' => 0,
    'id' => 'title',
    'table' => 'node',
    'field' => 'title',
    'override' => array(
      'button' => 'Use default',
    ),
    'relationship' => 'none',
  ),
  'field_banner_image_fid' => array(
    'label' => '',
    'alter' => array(
      'alter_text' => 0,
      'text' => '',
      'make_link' => 0,
      'path' => '[field_banner_link_url]',
      'link_class' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'target' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
      'strip_tags' => 0,
    ),
    'empty' => '',
    'hide_empty' => 0,
    'empty_zero' => 0,
    'link_to_node' => 0,
    'label_type' => 'none',
    'format' => 'banner_preview_linked',
    'multiple' => array(
      'group' => TRUE,
      'multiple_number' => '',
      'multiple_from' => '',
      'multiple_reversed' => FALSE,
    ),
    'exclude' => 0,
    'id' => 'field_banner_image_fid',
    'table' => 'node_data_field_banner_image',
    'field' => 'field_banner_image_fid',
    'relationship' => 'none',
    'override' => array(
      'button' => 'Use default',
    ),
  ),
  'field_brief_text_value' => array(
    'label' => 'Brief text',
    'alter' => array(
      'alter_text' => 0,
      'text' => '<div id="transparentbg"></div>
<div id="banner-text">
[field_brief_text_value]
</div>',
      'make_link' => 0,
      'path' => '',
      'link_class' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'target' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
      'strip_tags' => 0,
    ),
    'empty' => '[none]',
    'hide_empty' => 0,
    'empty_zero' => 0,
    'link_to_node' => 0,
    'label_type' => 'widget',
    'format' => 'default',
    'multiple' => array(
      'group' => TRUE,
      'multiple_number' => '',
      'multiple_from' => '',
      'multiple_reversed' => FALSE,
    ),
    'exclude' => 0,
    'id' => 'field_brief_text_value',
    'table' => 'node_data_field_brief_text',
    'field' => 'field_brief_text_value',
    'relationship' => 'none',
    'override' => array(
      'button' => 'Use default',
    ),
  ),
  'field_banner_link_url' => array(
    'label' => 'Link',
    'alter' => array(
      'alter_text' => 0,
      'text' => '',
      'make_link' => 0,
      'path' => '',
      'link_class' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'target' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
      'strip_tags' => 0,
    ),
    'empty' => '[none]',
    'hide_empty' => 0,
    'empty_zero' => 0,
    'link_to_node' => 0,
    'label_type' => 'widget',
    'format' => 'url',
    'multiple' => array(
      'group' => TRUE,
      'multiple_number' => '',
      'multiple_from' => '',
      'multiple_reversed' => FALSE,
    ),
    'exclude' => 0,
    'id' => 'field_banner_link_url',
    'table' => 'node_data_field_banner_link',
    'field' => 'field_banner_link_url',
    'relationship' => 'none',
    'override' => array(
      'button' => 'Use default',
    ),
  ),
  'status' => array(
    'label' => 'Published',
    'alter' => array(
      'alter_text' => 1,
      'text' => '<strong>[status]</strong> – [edit_node]',
      'make_link' => 0,
      'path' => '',
      'link_class' => '',
      'alt' => '',
      'prefix' => '',
      'suffix' => '',
      'target' => '',
      'help' => '',
      'trim' => 0,
      'max_length' => '',
      'word_boundary' => 1,
      'ellipsis' => 1,
      'html' => 0,
      'strip_tags' => 0,
    ),
    'empty' => '',
    'hide_empty' => 0,
    'empty_zero' => 0,
    'type' => 'yes-no',
    'not' => 0,
    'exclude' => 0,
    'id' => 'status',
    'table' => 'node',
    'field' => 'status',
    'override' => array(
      'button' => 'Use default',
    ),
    'relationship' => 'none',
  ),
));
$handler->override_option('sorts', array(
  'changed' => array(
    'order' => 'DESC',
    'granularity' => 'second',
    'id' => 'changed',
    'table' => 'node',
    'field' => 'changed',
    'override' => array(
      'button' => 'Use default',
    ),
    'relationship' => 'none',
  ),
));
$handler->override_option('filters', array(
  'type' => array(
    'operator' => 'in',
    'value' => array(
      'banner' => 'banner',
    ),
    'group' => '0',
    'exposed' => FALSE,
    'expose' => array(
      'operator' => FALSE,
      'label' => '',
    ),
    'id' => 'type',
    'table' => 'node',
    'field' => 'type',
    'relationship' => 'none',
  ),
));
$handler->override_option('access', array(
  'type' => 'perm',
  'perm' => 'edit any banner content',
));
$handler->override_option('title', 'List of uploaded banners');
$handler->override_option('header', 'In this page you can view the list of all banners in this site, ordered by last update time. All published banners will be displayed on a rotating basis at randomic order, in the banner area at the top of the pages. Banners marked with a yellow background are not published.');
$handler->override_option('header_format', '1');
$handler->override_option('header_empty', 1);
$handler->override_option('style_plugin', 'default');
$handler->override_option('style_options', array(
  'grouping' => '',
));
$handler->override_option('row_plugin', 'node');
$handler->override_option('row_options', array(
  'relationship' => 'none',
  'build_mode' => 'full',
  'links' => 0,
  'comments' => 0,
));
$handler->override_option('path', 'banners');
$handler->override_option('menu', array(
  'type' => 'normal',
  'title' => 'Banners',
  'description' => 'list of uploaded banners',
  'weight' => '0',
  'name' => 'navigation',
));
$handler->override_option('tab_options', array(
  'type' => 'none',
  'title' => '',
  'description' => '',
  'weight' => 0,
  'name' => 'navigation',
));

Comments

Comment #1

redndahead commented 21 March 2011 at 03:19

Status:

Active

» Postponed (maintainer needs more info)

Can you turn off javascript aggregation on your site? It's making it difficult to determine what the problem might be.

Comment #2

dtabach commented 21 March 2011 at 03:33

Status:

Postponed (maintainer needs more info)

» Active

Thanks for the fast reply. Javascript otimization is now turned off.

Comment #3

redndahead commented 21 March 2011 at 05:22

Status:

Active

» Postponed (maintainer needs more info)

This looks like it's a problem with 360 player. It errors out making the slideshow stop working.

Comment #4

dtabach commented 22 March 2011 at 04:28

Bingo. I turned off SoundManager2 module (part of SWFTools) and the cycling is back to IE8.

After a quick googling, I see there are a few incompatibilities between SoundManager and IE7/8. As I don't have the time to solve these incompatibilities, my solution was to use another mp3 player.

For those who may want to try this, please notice that it is not enough just to choose other players in SWFTools settings. It is necessary to turn off SoundManager2 module to have the slideshow fixed.

Thanks rednhead for your help.

Comment #5

redndahead commented 22 March 2011 at 07:36

Status:

Postponed (maintainer needs more info)

» Closed (works as designed)

Glad it's fixed.

Images not cycling only in IE8

Comments

Comment #1

Comment #2

Comment #3

Comment #4

Comment #5

News items

Our community

Documentation

Drupal code base

Governance of community