Laurent* Posted July 8, 2017 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 Link to comment Share on other sites More sharing options...
john_jack Posted July 9, 2017 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 Link to comment Share on other sites More sharing options...
dsonesuk Posted July 9, 2017 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 Link to comment Share on other sites More sharing options...
Laurent* Posted July 10, 2017 Author Share Posted July 10, 2017 Wow thanks, this solution is spot on Dsonesuk! <3 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now