1- The background image with Text on it slides to the left on a timed fashion, lets say every 10 Seconds
2- The background image with Text on it slides to the left with a click on an (Arrow) button on the right of the slide
Can you kindly provide the Code to implement this effect?
And No JQuery. Javascrpt and CSS only Please.
Well then can you point me to ONE such “Free Solution”.
And so then I can smile at this as you have
Because I searched for this and find NO such “Free Solution”! Or did I miss it, in case I look forward to seeing such URLs from you.
Well I can create the Full Screen background image with Text on it. No problem.
What I need the JS/CSS Code is the gradual Slide show slide to the left effect, upon click on a related button.
And JS code that does this Slide Auto every X seconds.
Can I ask why you do not want to use JQuery? All it is, is a JavaScript library and there are many JQuery plugins out there that are very close to what you want to accomplish.
Literally dozens! Although you might find solutions utilising jQuery easier to adapt (and possibly more versatile). A quick search spits out this list of 100 (!) free jQuery image slider plugins. jQuery allows developers to concentrate on the functionality at a higher level, thus you might find plugins with a more elaborate functionality and API.
That said, I can understand the reluctance to use jQuery… so feel free to write your own non-jQuery solution, or use one of those pure JS/CSS solutions. If you get stuck with the implementation we’d happily help you out! ;-)
coothead, thanks for this online Demo.
But these images (Slides) are not Sliding slowly in from Left to Right, which is what we need. But instead poping in=, upon click on the Arrows!
Well I was hoping I Can grab some code already out there to create the Slide Show effects that we want.
But, it seems like Lots of Studying about this is what I need to do.
Thanks.
I have looked through all your provided links, and cannot find still one Good Sliding page effect that is in CSS & JavaScript only. So I though to ask again. Can any of you provide the Code or ref to the page that provides the Code or knowhow to do a Sliding page effect as it is here for example:
So the KEY effects we need as per above example are:
1- Image takes the entire full screen
2- Image is moving with the Text (HTML) on top of the Text.
3- The image+HTML on it, the DIV, is sliding on Timer basis as well as Click