I've created a View Slideshow using ThumbnailHover mode.
I have 2 "Main frame fields" (an animated GIF and caption) and 1 "Breakout field" (thumbnail image).
When I display the page, the Main image/caption does not change when I hover a thumbnail.

I am using Views 6.x-2.10 and Views Slideshow 6.x-2.1

My test page is here: http://98.247.71.133/clients/soundmetrics/slideshow-test-thumbnailhover

Drupal.settings javascript:

<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/clients/soundmetrics/", "viewsSlideshowThumbnailHover": { "#views_slideshow_thumbnailhover_main_homepage_slideshow-page_1": { "num_divs": 2, "teasers_last": 1, "id_prefix": "#views_slideshow_thumbnailhover_main_", "div_prefix": "#views_slideshow_thumbnailhover_div_", "vss_id": "homepage_slideshow-page_1", "view_id": "homepage_slideshow-page_1", "timeout": "5000", "sort": 1, "effect": "fade", "speed": "300", "start_paused": 0, "fade_value": 0.25, "hover_breakout": "teaser", "hover": "hover", "main_fields": { "field_slideshowgif_fid_1": "field_slideshowgif_fid_1", "field_slideshowcaption_value": "field_slideshowcaption_value", "field_slideshowgif_fid": 0 }, "breakout_fields": { "field_slideshowgif_fid": "field_slideshowgif_fid", "field_slideshowgif_fid_1": 0, "field_slideshowcaption_value": 0 }, "delay": "0", "fixed_height": "1", "random": "0", "pause": "1", "pause_on_click": "1", "remember_slide": 1, "remember_slide_days": "1", "pager_event": "mouseover", "controls": "1", "image_count": "1", "sync": "1", "advanced": "", "ie": { "cleartype": "true", "cleartypenobg": "false" }, "nowrap": "0" } } });
//--><!]]>

Page HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="/clients/soundmetrics/misc/favicon.ico" type="image/x-icon" />
    <title>Sound Metrics</title>
    <link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/modules/node/node.css?V" />
<link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/modules/system/defaults.css?V" />
<link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/modules/system/system.css?V" />
<link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/modules/system/system-menus.css?V" />
<link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/modules/user/user.css?V" />
<link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/sites/all/modules/cck/theme/content-module.css?V" />
<link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/sites/all/modules/filefield/filefield.css?V" />
<link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/sites/all/modules/video/types/uploadfield/uploadfield.css?V" />
<link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/sites/all/modules/views_slideshow/contrib/views_slideshow_singleframe/views_slideshow.css?V" />
<link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/sites/all/modules/views_slideshow/contrib/views_slideshow_thumbnailhover/views_slideshow.css?V" />
<link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/modules/forum/forum.css?V" />
<link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/sites/all/modules/cck/modules/fieldgroup/fieldgroup.css?V" />
<link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/sites/all/modules/views/css/views.css?V" />
<link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/themes/garland/style.css?V" />
<link type="text/css" rel="stylesheet" media="print" href="/clients/soundmetrics/themes/garland/print.css?V" />
    <script type="text/javascript" src="/clients/soundmetrics/misc/jquery.js?V"></script>
<script type="text/javascript" src="/clients/soundmetrics/misc/drupal.js?V"></script>
<script type="text/javascript" src="/clients/soundmetrics/sites/all/modules/views_slideshow/js/jquery.cycle.all.min.js?V"></script>
<script type="text/javascript" src="/clients/soundmetrics/sites/all/modules/views_slideshow/contrib/views_slideshow_singleframe/views_slideshow.js?V"></script>
<script type="text/javascript" src="/clients/soundmetrics/sites/all/modules/views_slideshow/contrib/views_slideshow_thumbnailhover/views_slideshow.js?V"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/clients/soundmetrics/", "viewsSlideshowThumbnailHover": { "#views_slideshow_thumbnailhover_main_homepage_slideshow-page_1": { "num_divs": 2, "teasers_last": 1, "id_prefix": "#views_slideshow_thumbnailhover_main_", "div_prefix": "#views_slideshow_thumbnailhover_div_", "vss_id": "homepage_slideshow-page_1", "view_id": "homepage_slideshow-page_1", "timeout": "5000", "sort": 1, "effect": "fade", "speed": "300", "start_paused": 0, "fade_value": 0.25, "hover_breakout": "teaser", "hover": "hover", "main_fields": { "field_slideshowgif_fid_1": "field_slideshowgif_fid_1", "field_slideshowcaption_value": "field_slideshowcaption_value", "field_slideshowgif_fid": 0 }, "breakout_fields": { "field_slideshowgif_fid": "field_slideshowgif_fid", "field_slideshowgif_fid_1": 0, "field_slideshowcaption_value": 0 }, "delay": "0", "fixed_height": "1", "random": "0", "pause": "1", "pause_on_click": "1", "remember_slide": 1, "remember_slide_days": "1", "pager_event": "mouseover", "controls": "1", "image_count": "1", "sync": "1", "advanced": "", "ie": { "cleartype": "true", "cleartypenobg": "false" }, "nowrap": "0" } } });
//--><!]]>
</script>
    <!--[if lt IE 7]>
      <link type="text/css" rel="stylesheet" media="all" href="/clients/soundmetrics/themes/garland/fix-ie.css" />    <![endif]-->
  </head>
  <body class="sidebar-left">
<!-- Layout -->
  <div id="header-region" class="clear-block"></div>
    <div id="wrapper">
    <div id="container" class="clear-block">
      <div id="header">
        <div id="logo-floater">
        <h1><a href="/clients/soundmetrics/" title="Sound Metrics"><img src="/clients/soundmetrics/themes/garland/logo.png" alt="Sound Metrics" id="logo" /><span>Sound Metrics</span></a></h1>        </div>
                  <ul class="links primary-links"><li class="menu-399 first last"><a href="/clients/soundmetrics/test-image-1" title="Test Image 1">Test Image 1</a></li>
</ul>
      </div> <!-- /header -->
              <div id="sidebar-left" class="sidebar">
                    <div id="block-user-0" class="clear-block block block-user">
  <h2>User login</h2>
  <div class="content"><form action="/clients/soundmetrics/slideshow-test-thumbnailhover?destination=slideshow-test-thumbnailhover"  accept-charset="UTF-8" method="post" id="user-login-form">
<div><div class="form-item" id="edit-name-wrapper">
<label for="edit-name">Username: <span class="form-required" title="This field is required.">*</span></label>
<input type="text" maxlength="60" name="name" id="edit-name" size="15" value="" class="form-text required" />
</div>
<div class="form-item" id="edit-pass-wrapper">
<label for="edit-pass">Password: <span class="form-required" title="This field is required.">*</span></label>
<input type="password" name="pass" id="edit-pass"  maxlength="60"  size="15"  class="form-text required" />
</div>
<input type="submit" name="op" id="edit-submit" value="Log in"  class="form-submit" />
<div class="item-list"><ul><li class="first"><a href="/clients/soundmetrics/user/register" title="Create a new user account.">Create new account</a></li>
<li class="last"><a href="/clients/soundmetrics/user/password" title="Request new password via e-mail.">Request new password</a></li>
</ul></div><input type="hidden" name="form_build_id" id="form-7b64a3c3211a849f10117f5148648672" value="form-7b64a3c3211a849f10117f5148648672"  />
<input type="hidden" name="form_id" id="edit-user-login-block" value="user_login_block"  />
</div></form>
</div>
</div>
        </div>
      <div id="center"><div id="squeeze"><div class="right-corner"><div class="left-corner">
          <div class="breadcrumb"><a href="/clients/soundmetrics/">Home</a></div>                                                                                <div class="clear-block">
            <div class="view view-homepage-slideshow view-id-homepage_slideshow view-display-id-page_1 view-dom-id-1">
      <div class="view-content">
  <div class="views-slideshow-controls-top clear-block">
    <div class="views_slideshow_thumbnailhover_controls views_slideshow_controls" id="views_slideshow_thumbnailhover_controls_homepage_slideshow-page_1"><a href="# " class="views_slideshow_thumbnailhover_previous views_slideshow_previous" id="views_slideshow_thumbnailhover_prev_homepage_slideshow-page_1">Previous</a><a href="# " class="views_slideshow_thumbnailhover_pause views_slideshow_pause" id="views_slideshow_thumbnailhover_playpause_homepage_slideshow-page_1">Pause</a><a href="# " class="views_slideshow_thumbnailhover_next views_slideshow_next" id="views_slideshow_thumbnailhover_next_homepage_slideshow-page_1">Next</a></div>
          </div>
<div id="views_slideshow_thumbnailhover_main_homepage_slideshow-page_1" class="views_slideshow_thumbnailhover_main views_slideshow_main"><div id="views_slideshow_thumbnailhover_teaser_section_homepage_slideshow-page_1" class="views_slideshow_thumbnailhover_teaser_section views_slideshow_teaser_section"><div id="views_slideshow_thumbnailhover_div_homepage_slideshow-page_1_0" class="views_slideshow_thumbnailhover_slide views_slideshow_slide views-row-1 views-row-odd"><div class="views-field-field-slideshowgif-fid"><div class="views-content-field-slideshowgif-fid"><a href="/clients/soundmetrics/concrete-mats" class="imagefield imagefield-nodelink imagefield-field_slideshowgif"><img  class="imagefield imagefield-field_slideshowgif" width="262" height="262" alt="" src="http://98.247.71.133/clients/soundmetrics/sites/default/files/US_ConcreteMats_FL-262_0.gif?1276643634" /></a></div></div><div class="views-field-field-slideshowcaption-value"><div class="views-content-field-slideshowcaption-value"><a href="/clients/soundmetrics/concrete-mats">Structure inspection</a></div></div></div><div id="views_slideshow_thumbnailhover_div_homepage_slideshow-page_1_1" class="views_slideshow_thumbnailhover_slide views_slideshow_slide views-row-2 views_slideshow_thumbnailhover_hidden views-row-even"><div class="views-field-field-slideshowgif-fid"><div class="views-content-field-slideshowgif-fid"><a href="/clients/soundmetrics/follow-the-leader" class="imagefield imagefield-nodelink imagefield-field_slideshowgif"><img  class="imagefield imagefield-field_slideshowgif" width="262" height="262" alt="" src="http://98.247.71.133/clients/soundmetrics/sites/default/files/FM_FollowTheLeader_FL-262_1.gif?1276591559" /></a></div></div><div class="views-field-field-slideshowcaption-value"><div class="views-content-field-slideshowcaption-value"><a href="/clients/soundmetrics/follow-the-leader">Behavioral observations</a></div></div></div></div></div>
  <div class="views-slideshow-controls-bottom clear-block">
    <div id="views_slideshow_thumbnailhover_breakout_teasers_homepage_slideshow-page_1" class="views_slideshow_thumbnailhover_breakout_teasers clear-block"><div class="views_slideshow_thumbnailhover_div_breakout_teaser views_slideshow_thumbnailhover_active_teaser views-row-odd" id="views_slideshow_thumbnailhover_div_breakout_teaser_homepage_slideshow-page_1_0"><div class="views-field-field-slideshowgif-fid"><div class="views-content-field-slideshowgif-fid"><a href="/clients/soundmetrics/concrete-mats" class="imagecache imagecache-Gallery_Thumb imagecache-linked imagecache-Gallery_Thumb_linked"><img src="http://98.247.71.133/clients/soundmetrics/sites/default/files/imagecache/Gallery_Thumb/US_ConcreteMats_FL-262_0.gif" alt="" title=""  class="imagecache imagecache-Gallery_Thumb" width="80" height="80" /></a></div></div></div>
<div class="views_slideshow_thumbnailhover_div_breakout_teaser views-row-even" id="views_slideshow_thumbnailhover_div_breakout_teaser_homepage_slideshow-page_1_1"><div class="views-field-field-slideshowgif-fid"><div class="views-content-field-slideshowgif-fid"><a href="/clients/soundmetrics/follow-the-leader" class="imagecache imagecache-Gallery_Thumb imagecache-linked imagecache-Gallery_Thumb_linked"><img src="http://98.247.71.133/clients/soundmetrics/sites/default/files/imagecache/Gallery_Thumb/FM_FollowTheLeader_FL-262_1.gif" alt="" title=""  class="imagecache imagecache-Gallery_Thumb" width="80" height="80" /></a></div></div></div>
</div>
          </div>
    </div>
</div>           </div>
                    <div id="footer"><div id="block-system-0" class="clear-block block block-system">
  <div class="content"><a href="http://drupal.org"><img src="/clients/soundmetrics/misc/powered-blue-80x15.png" alt="Powered by Drupal, an open source content management system" title="Powered by Drupal, an open source content management system" width="80" height="15" /></a></div>
</div>
</div>
      </div></div></div></div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center -->
    </div> <!-- /container -->
  </div>
<!-- /layout -->
    </body>
</html>

I also tried setting up a SingleFrame slideshow with all the options and that version is working correctly:
http://98.247.71.133/clients/soundmetrics/slideshow-test-singleframe

Any help/suggestions is greatly appreciated.

Files: 

Comments

Status:Active» Needs review
StatusFileSize
new985 bytes

That's what we call a bug. Test this patch please.

Title:ThumbnailHover - Main frame field does not change when Breakout fields are hoveredopts not defined in before function Thumbnailhover

Changing the title

The patch successfully solved the problem.

Thank you!

Status:Needs review» Fixed

Thank you it has been committed.

Status:Fixed» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.