You're seeing that "double hover" effect because the outline of each shape overlaps other shapes. In other words, there are certain points where it's possible to hover over both shapes at the same time. You may be able to draw a freeform hotspot over each shape, add a state called CustomHover, and add a trigger to "change state of shape to CustomHover when mouse hovers over hotspot." You'll want to use a CustomHover state instead of the default Hover state because default states don't perform well with triggers.
It looks like the issue is that the images were oriented the way you wanted them in whatever editing software you used for the image itself. This caused a problem because the skeleton for the image was a vertical square, which overlapped with images close to it. To resolve this issue, I used photoshop to orient each image properly, and then turned them in Articulate. This made each image outline not overlap each other. See the attached files. You might want to consider fine tuning the positions, but you will see in the master file that the issue you raised is fixed. Have a good one!
5 Replies
Hi Parham
Try cropping the image sizes before you rotate them into position.
Hi Parham!
Looks like Wendy beat me to it, here! :)
You're seeing that "double hover" effect because the outline of each shape overlaps other shapes. In other words, there are certain points where it's possible to hover over both shapes at the same time. You may be able to draw a freeform hotspot over each shape, add a state called CustomHover, and add a trigger to "change state of shape to CustomHover when mouse hovers over hotspot." You'll want to use a CustomHover state instead of the default Hover state because default states don't perform well with triggers.
Hello there!
It looks like the issue is that the images were oriented the way you wanted them in whatever editing software you used for the image itself. This caused a problem because the skeleton for the image was a vertical square, which overlapped with images close to it. To resolve this issue, I used photoshop to orient each image properly, and then turned them in Articulate. This made each image outline not overlap each other. See the attached files. You might want to consider fine tuning the positions, but you will see in the master file that the issue you raised is fixed. Have a good one!
Thank you Frank. It is working right now :)
Glad I could help!
This discussion is closed. You can start a new discussion or contact Articulate Support.