Laurent* 1 Posted July 8, 2017 Report Share Posted July 8, 2017 I have a issue and there might be multiple ways to solve it. I want a button to reveal extra content when it is clicked. I want to slide the extra content in from the left using the w3.animations or any other method that would be easy to follow and have it stop in the center of the screen. The content is a image and a few words describing it in a organized container. How would I do this or do you have any general advice for me to follow? 1 Quote Link to post Share on other sites
john_jack 7 Posted July 9, 2017 Report Share Posted July 9, 2017 You can use Ajax to load data(images, text ....) from a separate file which contains php,asp, txt depending on what you are using once the data is ready to be displayed you can use w3 animation to make it look fancy . Here's the ajax tutorial Ajax. 1 Quote Link to post Share on other sites
dsonesuk 921 Posted July 9, 2017 Report Share Posted July 9, 2017 (edited) Try using w3css modal, with w3-animate-left class with w3-modal-content class https://www.w3schools.com/code/tryit.asp?filename=FHE8DTJR3F2P working solution https://www.w3schools.com/code/tryit.asp?filename=FHE95QEVR6BC Edited July 9, 2017 by dsonesuk 1 Quote Link to post Share on other sites
Laurent* 1 Posted July 10, 2017 Author Report Share Posted July 10, 2017 Wow thanks, this solution is spot on Dsonesuk! <3 Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.