If my animation is 10 seconds long and set to continuous and easing of linear is there anyway to set it so pause on hover works no matter where in the animation the hover occurs?

<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {..........
"viewsSlideshowCycle": { "#views_slideshow_cycle_main_view_scroll_text-block_1": { "num_divs": 2, "id_prefix": "#views_slideshow_cycle_main_", "div_prefix": "#views_slideshow_cycle_div_", "vss_id": "view_scroll_text-block_1", "effect": "scrollLeft", "transition_advanced": 1, "timeout": 1, "speed": 10000, "delay": 0, "sync": 1, "random": 1, "pause": 1, "pause_on_click": 0, "start_paused": 0, "remember_slide": 0, "remember_slide_days": 1, "pause_when_hidden": 0, "pause_when_hidden_type": "full", "amount_allowed_visible": "", "nowrap": 0, "fixed_height": 1, "items_per_slide": 1, "pager": 0, "pager_type": "numbered", "pager_fields": { "field_scrolling_text_value": 0 }, "pager_hover": 0, "pager_click_to_page": 0, "pager_weight": 1, "controls": 0, "controls_weight": 1, "slide_counter": 0, "slide_counter_weight": 1, "cleartype": 1, "cleartypenobg": 1, "cycle_options": 1, "advanced_use_continuous": 1, "advanced_continuous": true, "advanced_use_easing": 1, "advanced_easing": "linear", "advanced_use_pause": 1, "advanced_pause": true, "skin": "default", "action_advanced": 0, "numbered_pager_click_to_page": 0, "thumbnails_pager_click_to_page": 0, "skin_info": { "title": "Default", "module": "views_slideshow_cycle", "path": "", "stylesheets": [ ] } } } });
//--><!]]>

Essentially, I want a newsticker that continuously scrolls without any easing, but when hovered it should pause. I have the continuously scrolling text by using easing: linear and continuous: true. But I can't make out how to pause anywhere within the animation. It will only pause when I am hovered over the slideshow and an animation has just completed.

CommentFileSizeAuthor
#9 1057036-d7-1.patch1.88 KBredndahead

Comments

redndahead’s picture

redndahead commented
Status: Active » Closed (won't fix)

This would be a limitation of jquery cycle. You may want to ask the maintainer of that library for a possible solution. http://malsup.com/jquery/cycle

redndahead’s picture

redndahead commented
Status: Closed (won't fix) » Active

Well what do you know. This looks possibly interesting. http://drupal.org/project/jquery_pause Came out today

nicholas.alipaz’s picture

nicholas.alipaz commented

heh, I wrote that... hehe. Was just going to post about it here. Had to find my own solution.

nicholas.alipaz’s picture

nicholas.alipaz commented

There is a 1.2 release that is out now. It works for me in testing on views slideshow. One only needs to add the following selectors to the admin interface:

$('.views_slideshow_slide').hover(function() {
  $('.views_slideshow_slide').each(function() {
    $(this).pause();
  });
}, function() {
  $('.views_slideshow_slide').each(function() {
    $(this).resume();
  });
});
nicholas.alipaz’s picture

nicholas.alipaz commented

I updated the project description to reflect views slideshow configuration. Perhaps it would be wise to add in some sort of integration between the two modules. So that views slideshow has a quick setting for use with the module (if enabled) if you think others might use or that the module should have it, but not completely necessary.

redndahead’s picture

redndahead commented

Hah didn't notice it was you. Yeah it would be great to integrate these 2. Should be fairly simple.

redndahead’s picture

redndahead commented
Version: 6.x-3.x-dev » 7.x-3.x-dev

Moving to 7

intyms’s picture

intyms commented

subscribing

redndahead’s picture

redndahead commented
Status: Active » Needs review
StatusFileSize
new 1057036-d7-1.patch1.88 KB

Since we have the libraries module now. I think just implementing the functionality when the library exists there would be best. Here is a patch that does that.

Please test.

nicholas.alipaz’s picture

nicholas.alipaz commented

I like your idea to just use the libraries api, but it seems like that would enable the effect on all slideshows, which is not necessarily what people will want. The options for each slideshow should have a setting to allow enabling the effect on each of their slideshows. Then using the ID as the selector for the pause, rather than the class. Aside from that, the patch seems pretty sound.

However, this is just my two cents and it is ultimately your decision on how to implement ;)

redndahead’s picture

redndahead commented
Category: support » feature

Moving to a feature request.

redndahead’s picture

redndahead commented
Status: Needs review » Fixed

A patch was committed. An option was made so it loads per slide. Might want to test out the latest dev.

Status: Fixed » Closed (fixed)

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