info box with picture

Q&A about the latest versions
Post Reply
wiso
Posts: 281
Joined: Wed Oct 26, 2016 6:52 pm

hello,
i am trying to make a infobox with picture like this.
K1600_Skizze (321).JPG
K1600_Skizze (321).JPG (73.44 KiB) Viewed 4412 times
one hotspot template and the text and the picture should change.

text is no problem with the description field ($hd) but is ther a possibility for changing the picture to the relative hotspot.

e.g. means: can i take the picture hotspot, fill in the text, put in the path to the picture and use my picture template? (that seems the easeast way..)

another solution: external loader, more different pictures in the loader and make the request if the title of the hospot is A take the picture A.jpg if the title is B take b.jpg ...and so on.

but nothing worked!

is there a solution? do i overlook an easy way?

thanks,
wiso
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi wiso,
Please see attached.
The Hotspot type is set to Image, this allows you to add images per hotspot.
I am using my own Skin-ID for the Hotspot Template.

The hotspot set's the image and text.
The close button unloads the data on click, I am using a variable to show and hide the popup.
The $(r) is used so the image can still be referenced if used with Wordpress or other odd servers.
Regards,
Attachments
popup.zip
(278.44 KiB) Downloaded 216 times
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/
wiso
Posts: 281
Joined: Wed Oct 26, 2016 6:52 pm

That's the goal!

thank you very much,
wiso
wiso
Posts: 281
Joined: Wed Oct 26, 2016 6:52 pm

thank you hopki, but for better understanding:

where is the reverence which brings die picture path to the extern loader? is it the $(r)?

oh i see it by myself:

$(r) = hotspot URL – (use in conjunction with $(hu): $(r)$(hu)) This placeholder was added to be used with $(hu) to fix an issue that was affecting images in WordPress.


that means: $(r)$(hu) can always be used to read the path adress and use it in the skin?!

thanks,
best regards,
wiso
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi wiso,
Using $(r) helps to correct path problems which can be seen in WordPress and other odd hosting sights.
$(hu) on its own work outside of these sites.

As $(r)$(hu) will work in all situations you would use it if you're making a component.
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/
User avatar
Hans RV3D
Posts: 24
Joined: Mon Jan 25, 2016 12:01 pm
Location: Germany
Contact:

Hi Hopki,

I would like to use one (or more) picture in the info box, can you show me how to add this to ht_info in simplex_v6.ggsk ?

Best regards

Hans
User avatar
soulbrother
Posts: 545
Joined: Tue Apr 08, 2008 7:01 pm
Location: München
Contact:

Hans RV3D wrote: Wed Oct 27, 2021 6:07 amI would like to use one (or more) picture in the info box, can you show me how to add this to ht_info in simplex_v6.ggsk ?
Hello Hans,
what is the goal?
A: To have x pictures, shown at once ( at the same time)
or
B: To have a kind of picture gallery, so, to be able to click to the next picture, if only one pic is shown at the time
or
C: To have a gallery plus timer, that shows the x pictures sequentially.

If "A" you need to think about the layout also.
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi Hans,

Here is a sample of a Pano2VR component that is a responsive info box with a gallery, https://p2vr.s3.ap-southeast-2.amazonaw ... index.html

You can read more at https://tonyredhead.com/pano2vr-compone ... up-gallery

regards,

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
Hans RV3D
Posts: 24
Joined: Mon Jan 25, 2016 12:01 pm
Location: Germany
Contact:

Hi Soulbrother,

I just want to add one single image in the info text box like this sample from Hopki, but I need it for the simplex6 skin.
Image

Thanks in advance

Hans
User avatar
soulbrother
Posts: 545
Joined: Tue Apr 08, 2008 7:01 pm
Location: München
Contact:

Hi Hans,

what you want is exactly what Hopki showed on Apr 20, 2020 in this thread.

It is the small project that he attached, called: "popup.zip"
User avatar
SergePix
Posts: 108
Joined: Fri Feb 01, 2019 2:27 pm
Location: Quebec

Hello Tony,

Is this project still available?

Regards

Serge
Tony wrote: Sat Oct 30, 2021 2:34 pm Hi Hans,

Here is a sample of a Pano2VR component that is a responsive info box with a gallery, https://p2vr.s3.ap-southeast-2.amazonaw ... index.html

You can read more at https://tonyredhead.com/pano2vr-compone ... up-gallery

regards,

Tony
Serge
Version: V7.01
Windows 10
Post Reply