Project

General

Profile

Feature #3531

Let Users Hover over Hero Slides to Stop Animation

Added by scott voth over 7 years ago. Updated over 7 years ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Category name:
Home Page
Target version:
Start date:
2014-10-07
Due date:
% Done:

0%

Estimated time:

Description

The homepage hero slides go by quickly, and it would be nice if you might "hover over" to stop the animation. I think this functionality is built-in in CBOX.

History

#1 Updated by Matt Gold over 7 years ago

  • Status changed from New to Assigned
  • Assignee set to Boone Gorges

#2 Updated by Boone Gorges over 7 years ago

  • Assignee changed from Boone Gorges to Daniel Jones
  • Target version set to 1.8

Cool idea. Dan, you want to dig into this a little bit? We use a custom plugin for this, called post-gallery-widget; it uses http://www.malsup.com/jquery/cycle/ for the image cycling. It looks like the 'pause' option is what we want http://www.malsup.com/jquery/cycle/options.html but this needs some testing.

#3 Updated by Daniel Jones over 7 years ago

Here's the changeset - https://github.com/cuny-academic-commons/cac/commit/d0d4a17b28ca4523b38a2c7f9522cea88b3b47a8

Was as simple as you suggested Boone - just added the pause option to the .cycle({}) options. Working locally but my local slider is a little funny since I didn't get the attachments with my version and added my own, which weren't exactly the right size, so it's definitely worth testing it out on a setup closer to the live site.

#4 Updated by Boone Gorges over 7 years ago

  • Status changed from Assigned to Testing Required
  • Target version changed from 1.8 to 1.7

Thanks, Dan! Since this is done, I moved it back to 1.7 and applied it to the 1.7.x branch: https://github.com/cuny-academic-commons/cac/commit/419b87789c43609b1057dcd538351ed95b2bb4a6

I also added a slightly darker color to the border of the hero image when hovering over. It's barely perciptible if you're not looking for it, but I'm hopeful it'll be helpful in letting people know that hovering over the image has an effect.

This is ready to test on cdev (though cdev is responding very slowly at the moment). Scott, will you have a look please?

#5 Updated by scott voth over 7 years ago

Awesome. Looks really neat. So this will also be added to 1.7, right?

#6 Updated by Boone Gorges over 7 years ago

  • Status changed from Testing Required to Resolved

Yup, see my comment here http://redmine.gc.cuny.edu/issues/3531#note-4. Thanks, Scott!

Also available in: Atom PDF