Jump scroll a pano image right or left via buttons

[MarkHunte]

Here is a quick example.

cssButtonFadeANN_slide_property.hype.zip (24.3 KB)

It includes a button selection that I exampled here.

Changing Opacity on Click with Javascript Using Classes

This uses some css animation and javascript. We set up two css keyframe animations. One for the clicked button and one for the buttons that are now unchecked. The unchecked is window dressing to make the unchecked buttons animate back in a transition instead of immediately. We give the buttons a base class so we can find them all in the JS function. The JS function will first remove the Button_unClicked class of the clicked element if it is found in it’s classList. It will then iterate over…

Note in this example for the initial button selected I add Button_clicked class to its class list in the Identity pane.