- Hello again, today we are going to see how to control the hotspots of a plan .
- We give a new project, without skin, we import the first panoramic, we choose the panoramic and we are also going to import a plane, we are going to use this image as a plane .
- We are going to place the hotspots on the plane and we are going to call it photo1, we duplicate photo2 and add two more and we call it video1, we duplicate and video2 .
- Since what we want is to be able to control the display that is shown in a seculten by type of hotspot, .
- We select the two photos with shift and give them the photo label. .
- We select the two videos with shift and create the video tag, therefore, .
- photo, both photo tags are labeled photo and both video tags are labeled video .
- Let's go to the skin tab, we have our plane viewer activated, we are going to give it fixed dimensions so that it is not floating or distorting .
- Using a container we are going to generate a bottom menu, where we are going to place the buttons to hide the different hotspot type filters, so we add two buttons .
- In this button we are going to filter by photo, we give the container horizontal, center and in the middle so that when we add our buttons we already have them and video .
- We will add the action to the photo button, show, hide hotspot, we tell it which media we want to act on .
- And in this case, instead of choosing a panoramic view, we choose our image of the map and the different hotspots that we have created on the map appear listed. .
- We can choose specific ones, but in this case we are going to use the labels .
- To filter the photo ones in this case, in this other button the video ones .
- We preview, here we would have our plan and with the buttons that we have created .
- With a photo we would hide the blue hotspots to which we have assigned the photo label .
- and with the video button the same but with the video label .
- We could add an extra button that frees all the hotspots, let's put hide .
- and in the action we can put both labels or without labels manually .
- Click on all the hotspots and we will just click hide and here in the middle hide we put hide .
- We preview, we hide, we activate the photo ones, we deactivate the photo ones, we activate the video ones, we deactivate the video ones, we activate the video ones and the photo ones, we remove the photo ones and hide all of them, both of them and hide them .
- In addition, through deep linking we write a question mark, the name of the media as they are shown by default, we can say high overlay tag equal to video, therefore it will only show us the photo or video and photo or just photo and we also have the actions of our buttons .