Preview effect

Preview content 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: false

To turn off, please set to true, or supply hints (substrings delimited with “, ” i.e comma and space) to selectively turn off e.g.:

previewoff: "login, admin"

…will selectively turn off the preview effect for pages that contain “login” or “admin” in the URL.

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:


      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!


Leave a Reply

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