Preview

Preview effect

Preview content divs on hoverIntent!
Preview effect
– Saves time
– Results in a smoother browsing experience
– If the user does not have a mouse, e.g. in case of a touchscreen, nothing is done

(please hover across the navigation areas of this site to see the preview effect in action)

Default: previewoff: true – set previewoff to false to enable or specify any jQuery selection to ignore, similar to the "selector" property.

Goes hand in hand with the prefetch and memory effects

2 thoughts on “Preview”

  1. Hi,
    I like the preview effect, but it triggers too quickly. When I would click on i.e. “interface” in your navigation and then move with my mouse over any of the other buttons (moving my mouse to the content I want to read) the content is changed. I have to go “around” the navigation, trying to avoid any “preview-triggers” in order to read the site. Not so good for UX. Maybe you can add a delay before any action is fired?

    1. Hi Daniel,

      Thanks for trying out the Preview effect and posting this question!

      As you might know, it is triggered on “hoverIntent”. That’s by far not as sensitive as e.g. “onMouseover”.
      However, if you reckon the default parameters are too sensitive, I would suggest you try tweaking the “hoverIntent” parameters:

      interval:100,sensitivity:7

      please see hoverIntent documentation

      i.e. increase interval and reduce sensitivity

      …or if you feel that many users would find it useful, I could add the above two parameters to the jQuery interface of Ajaxify!

      Cheers!

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright 2005-2016, 4nf.org. All rights reserved.
Latest update: 17. November 2016