• Registered: 2013-07-31
  • Posts: 8

Topic: ...Cursor with Nav arrow?...

Hello,

One of my old SV sites has a Cursor with a Nav arrow on it. I don't see the ability to do this with JB Pro.

I liked this feature. Is there a way to do this again?


Thank you,

Anthony

  • Registered: 2012-04-24
  • Posts: 5,924

Re: ...Cursor with Nav arrow?...

Juicebox-Pro does not have a configuration option similar to SimpleViewer-Pro's imageNavStyle="CURSOR".
However, being that Juicebox is an HTML gallery, you could create your own 'previous' and 'next' navigation cursors and apply them via CSS to the 'left' and 'right' hit areas of the gallery using the following classes.

.jbn-nav-touch-area.jbn-nav-left-touch-area {
    cursor: url(previous.cur),auto;
}

.jbn-nav-touch-area.jbn-nav-right-touch-area {
    cursor: url(next.cur),auto;
}

For more information on the CSS cursor property, please see here.
You could create custom cursors using this online cursor editor.

  • Registered: 2013-07-31
  • Posts: 8

Re: ...Cursor with Nav arrow?...

Thank you Steven. That's all greek to me but I'll find someone to help.

=)

  • Registered: 2012-04-24
  • Posts: 5,924

Re: ...Cursor with Nav arrow?...

It might not be as difficult as you think.
You could use the online custom cursor creator (link above) to create a couple of new cursors (one for the 'previous' hit area and one for the 'next' hit area).
After designing the images, download the cursor files, and name them 'previous.cur' and 'next.cur'.
Next, copy the two .cur files into your gallery's 'jbcore/classic/' folder.
Finally, add the CSS code (from my post above) to the end of the 'jbcore/classic/theme.css' file (in a plain text editor).