Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I want to create 2 slideshows – one beside the other (like this). The slideshow photos will be uploaded by the user so I can’t cut them up where the line is to make them transparent (they will also grow a lot in file size).
Could you please give me a few pointers on how to achieve this with jQuery (no flash)? Or direct me to a tutorial?
Thanks a lot!!
All the best,
Cris
You could use webkit mask, but it’s only webkit.
Also canvas may be the way to go here.
But if you want broader browser support you’ll have to alter the images. PHP can do this, so users uploading them is not a problem. If you’re concerned about file size you could try to split image in two. One part with transparency and other regular jpg, but make sure both are loaded before you show the slide. This is only for one side of the sideshow, for the other you don’t have to do anything.