Next and previous buttons with tooltips and preview image

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
Hopki
Gnome
Posts: 12999
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
Following a request on Facebook please find a project below that displays tooltips and the preview image of the next or prevues node.
Here is the project:

next_prev.zip
(38.25 KiB) Downloaded 300 times

Tool Tips:
There are two for each button only to show options.
The tooltips under the buttons just show node ID's but just use a placeholder, $(next) and $(prev).

The tooltips to the sides of the buttons use user data placeholders to display Source, $(us), and Information $(ui).

For this to work each node has to have the next and previous titles in these User Data Text boxes, I am using Source for Next Node Title and Information for the Previous Node Title.

1.png
1.png (62.63 KiB) Viewed 21037 times

Both text boxes use a visible logic block, mouse over parent = true, visible true.


Thumbnails:
This uses an external image loader to show the preview images, in the images folder.
A Node Image element and a Cloner are used to generate the preview images.
These are never shown in the output and are just to generate the preview images.
The Node Image Element places the preview images in the images folder.

The Next button has the action to open the next node:

2.png
2.png (42.59 KiB) Viewed 21037 times

It then has two Set Value actions, one Mouse Enter and one Mouse Click

3.png
3.png (59.06 KiB) Viewed 21037 times
4.png
4.png (62.28 KiB) Viewed 21037 times

You will see the actions are setting the path images/image_$(next).jpg, so always selecting the next preview image.

The Previous Button does the same but uses the path: images/image_$(prev).jpg, so always select the previous preview image.

5.png
5.png (43.15 KiB) Viewed 21037 times
6.png
6.png (63.14 KiB) Viewed 21037 times
7.png
7.png (62.11 KiB) Viewed 21037 times

Both Mouse Enter and Click actions are required for this to work properly.
Regards,
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Post Reply