Greetings,

From what I've gathered from my tests from this mod is that it does not work under IE6. However, testing the similar code from the innerfade project, shows up just fine in IE.

txcrew

Comments

mfer’s picture

Status: Active » Postponed (maintainer needs more info)

What happens in IE6? I've tested in there and it worked for me. Does it give the broken script icon in the status bar (at the bottom)?

jupiterchild’s picture

Views Rotator 5.x-1.x-dev (2008-Aug-29)

Works fine for me in Firefox 3.0.1 but in IE 6.0 the transition does not fade in and out. Using same settings for both browsers.

A great module. I am currently using Node Carousel but the CSS in Views Rotator works better for my layout so I will probably change to this module. Pity it doesn't support Node Queue though, else I could have switched very easily.

Update: I can be dumb somtimes; Node Queue integrates with Views so I can point Views Rotator at my existing Node Queues and the change is made. Wonderful module.

Anonymous’s picture

Sorry for the late reply...

I have the same issue in #2. The nodes are changing, no transition.

Oddly enough. It works on some versions of IE6 from my tests. I have to dig deeper to see where it starts working against what version number and if its producing any errors in the console.

Thanks,
txcrew

Anonymous’s picture

I've found that skipped transitions only happen in IE6 when attempted to theme via template.php:

function phptemplate_views_rotator_item($view, $nodes, $type) {
  
  // Edit these options to change settings
  $options['interval_time'] = 5;
  $options['transition_time'] = 1;
  $options['mouseover_pause'] = 0;
  $options['back_next_buttons'] = 0;
  $options['area_height'] = 'auto';
  // End editable options
  
  drupal_add_css(drupal_get_path('module', 'views_rotator') .'/views-rotator.css');
  drupal_add_js(drupal_get_path('module', 'views_rotator') .'/views-rotator.min.js');
  
  $options['id'] = $views_rotator_id = 'views-rotator-'. $view->name .'-'. $view->build_type;
  $options['interval_time'] = $options['interval_time'] * 1000;
  $options['transition_time'] = $options['transition_time'] * 1000; 
  
  drupal_add_js(array('views_rotator' => array($views_rotator_id => $options)), 'setting');
  
  $fields = _views_get_fields();
  
  foreach ($nodes as $node) {
    $item = '';
    foreach ($view->field as $field) {
      if (!isset($fields[$field['id']]['visible']) && $fields[$field['id']]['visible'] !== FALSE) {
        if ($field['label']) {
          $item .= "<div class='view-label ". views_css_safe('view-label-'. $field['queryname']) ."'>" . $field['label'] . "</div>";
        }
        $item .= "<div class='view-field ". views_css_safe('view-data-'. $field['queryname']) ."'>" . views_theme_field('views_handle_field', $field['queryname'], $fields, $field, $node, $view) . "</div>";
      }
    }
    $output .= '<li';
    if (views_rotator_display_item($views_rotator_id)) $output .= ' style="display:none;"';
    $output .= '><div class="view-item '. views_css_safe('view-item-'. $view->name) .'">'. $item ."</div></li>\n";
  }
  
  if (!empty($output)) {
    $output = '<div class="item-list views-rotator '. $views_rotator_id .' clear-block"><ul id="'. $views_rotator_id .'">'. $output;
    $output .= '</ul></div>';
    return $output;
  }
  else return $output;
}
mfer’s picture

Can you test this with the latest DRUPAL-5 branch/dev version. I'm not able to reproduce the problem and have the same situation you describe running on a production drupal 5 site.

acdtrp’s picture

the transition works in IE6 for me with 1.0-rc2 but only the first image is shown. All other are gone, only titles and other fields.

bennos’s picture

Status: Postponed (maintainer needs more info) » Closed (works as designed)

I have tested it with the configuration in the template.php on IE 6/7/8(beta2).

The sliding / fading works. Some problem could be the CSS z-index in the code, but this depends on the theme and on the compression and bundeling function.

For a better compatibility, I would change the UI a little. The previous an next buttons should have a own div above or under the sliding content. I known that the mouse over buttons looks better, but there are not always compatible with older browser. A lot of User are browsing with the IE 6.