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

redndahead’s picture

Status:Active» Needs review
StatusFileSize
new985 bytes

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

redndahead’s picture

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

Changing the title

mordaga’s picture

The patch successfully solved the problem.

Thank you!

redndahead’s picture

Status:Needs review» Fixed

Thank you it has been committed.

Status:Fixed» Closed (fixed)

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