is this possible with juicebox pro please?
Yes, you could certainly get very close to the gallery you quoted with Juicebox-Pro.
Its got 100+ images and it needs to be fast loading,
Juicebox-Pro features the imagePreloading configuration option (see the Main Image Options section of the Config Options page for a short description). The default value is PAGE (whereby all images on the current thumbnail page are preloaded) but you could change this to NEXT (to preload only the next image in the gallery) which should easy the load on the browser when the gallery is initially loaded (and speed up the loading of the gallery slightly).
You could also create a Multi-Size Image gallery.
Essentially, you would provide up to 3 different image sizes for your gallery and Juicebox would use the size most appropriate to the device and screen size being used to view the gallery (thereby avoiding the need to load a large image for a small screen).
i don't want the dots at the bottom
You can certainly switch off thumbnails (or thumbnail dots) by setting:
showThumbsOnLoad="FALSE"
showSmallThumbsOnLoad="FALSE"
showThumbsButton="FALSE"
showSmallThumbsButton="FALSE"
For reference, a list of all Thumbnail Options can be found here.
You can also disable other gallery elements (like the Gallery Title and Button Bar) to display just the main images and navigation arrows, if you like.
would like the forward and back button as shown on the page -
Icons within a Juicebox gallery are characters in a custom font.
You can change the size of the previous and next arrows (via the navButtonIconSize configuration option) and the color (via navButtonIconColor, navButtonIconHoverColor and navButtonBackColor) but there is no built-in option to change the style of the arrows.
However, there are two things you could do:
(1) You could change the arrow icons for custom icons of your own following the Using Custom Icons instructions in the Theming Guide.
... or:
(2) You could use whatever images you like on your gallery's web page (perhaps just to the left and right of the gallery like in the web page you quoted) and use the Juicebox-Pro API (specifically the showPreviousImage() and showNextImage() methods) to have clicks on your custom images change the image in the gallery. That way, you could use the exact previous and next arrows from the gallery you quoted (assuming you have copyright permission to do so).
I hope this helps.
If you have any further queries, please let me know.