Is this possible to achieve this with CSS3 and jquery?
• This is for Digital Display Signage•
I am a new programmer. I'm definitively not a good one. But in your Posting Rules and Guidelines it states "this web forum has been listed recently as a helpful resource to some students who are just learning HTML. " That is definitively me. I'm not looking for anyone to do the actual work for me, I do want to learn this but I'm struggling trying to figure out how to fit in all these elements. If its even possible.
So, I've been scouring the net for different examples of jquery that have good photo sliders. I've come across a few but they are usually lacking in what I actually want or they contain bloated code that makes it hard to manipulate. So before I embark on trying to just make my own dang code:
Is it possible to achieve this:
•Two photo sliders on the same page.
•Both displaying images on a rotating basis at different intervals.
•Transitional effects (would like fancy ones)
•One of these sliders I want to change the perspective of. So that it looks like each picture is displayed at an angle on the Z-plan. Kind of like you are driving by a billboard.
•Able to use div tags to place the contact in absolute locations.
•Be able to add captions.
•Be able to move these captions in (like a fly-in) and add a transparency effect to the caption backgrounds. This transparency should not just be an alpha channel though, I've seen it look nice where it blurs the background as well.
•Add a drop shadow effect to the bottom of the images or even better (preferably) a reflection.
•No user interaction needed, so it should autoplay on its on.
•Most difficult (I don't think this is possible) load the photos on demand. So when the page loads its not loading all 100 at the same time.
Can all of these elements be done? Do you have a recommended starting point? I've been trying Nivo-Slider but I keep running into roadblocks with it. Probably just be my lack of programming knowledge.
There is one slider I found that looks like it does everything required... however I think it might be php based. Which I'm not sure how to even do. These computers attached to the TV's are stand-alone. So unless I can install php on them somehow I don't know if this is possible. But as an example this is very close to what we want -> http://getcu3er.com/ (when the page loads it is the angled photo slider on the right.