- Creatively Nino
- Dec 27, 2019
- 1 min read
Want to know how to customize or even code your Wix animations on objects like images?
Here is the helpful code to get you going! Let me know if you need any more assistance in the comments on YouTube or contact me at the bottom today!
📚 WHAT WAS COVERED:
Add Elements to Editor
Create and Code the Button Function
Add Finish Element to Editor
Save and Preview Results in Preview Mode
Code Snippet to follow along with the video:
Page Code
This loads the page code
$w.onReady(function () {
//TODO: write your page related code here...
$w("#image1").show('fade', fadeOptions)
});
Set the button function and add the effect options.
let fadeOptions = {
"duration": 1000,
"delay": 500
};
export function button1_click(event) {
//Add your code for this event here:
if ($w("#image1").hidden) {
$w("#image1").show('fade', fadeOptions)
} else {
$w("#image1").hide('fade', fadeOptions)
}
}
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
📺 MY PLAYLISTS :
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 WEBSITE
Check out more of the website. If you have a question, let's chat it up below! More information coming soon so stay tuned!
Commentaires