Build Two Content Sliders with CSS Only - Part II

[@matthiasbirizdo422]

Thank You very much! Really a helpful tutorial!

[@AdyNgom]

Matthias Birizdo thank you and I’m glad it was helpful. Cheers

[@dosokho2148]

you are best teacher but can you teaching about auto slide

[@AdyNgom]

+Bill Gate thanks for the kind words. We are working on a series of video for our upcoming online university. All the videos I have done so far are being updated with fresh content and technique and autoslides will be part of it. You can share your email and I can send you an invite when we have it up. you can reach me at adyngom.com[at]gmail.com

[@dosokho2148]

[e-mail]

[@AdyNgom]

great thank you we will keep you posted

[@dosokho2148]

+Ady Ngom the same videos I had already watch It had no auto slider please give me batter than this

[@AdyNgom]

Hello Bill Gate have you played with Javascript before? If so I can walk you through how to automate it pretty quickly. If not I will be shooting an update to this ASAP I can't promise when since time is very tight these days but soon I promise :)

[@ST_K7]

merci beaucoup.

[@FireNil]

hello, a great teacher and a great guide, so and seen so far in many places the automatic animations are the most laborious and force us to work with javascript would be interesting to implement automatic mode would be a great help.

[@lucianosergiodesigner8850]

Excelente seu vídeo. Sou muito grato por você produzir este vídeo, sei que será de grande valor para mim. Vou por em prática e depois conto se consegui. Muito obrigado Ady Ngom.

[@AdyNgom]

The second and final part of the build css sliders. In case you missed it here is part one, you can watch both here: forthehackofit.com/build-two-css-content-sliders/

[@vincentwinnfield9517]

Great videos. Is it possible to make the buttons smaller?

[@AdyNgom]

hello and thank you +Vincent Winfield buttons size can be indeed controlled via css. Hope it helps

[@kristineko1539]

Good job! Do you have also codes for auto play for this css slideshow.

[@AdyNgom]

+Kristine Ko hi +Kristine Ko and thank you for the kind words :) I don't have a code reader per say to make it auto play but it's not hard to make that happen. The goal of the tutorial was to show a CSS first approach and to make it autoplay in CSS we will have to use clever keyframe animations which are a more involved process. Javascript at that point is way easier with a a simple timeout that triggers the click of the radio buttons. Can't promise when time will allow me to show how but that's where I would start if you were to give it a shot. Thanks again and take care :)

[@geetz26]

How do I do this if I want to move and slide div on click of prev and next button?

[@thefizsz6274]

It checks off in the css but the slides div wont move for me.

[@AdyNgom]

TheFizsz hello could you share your code do we can take a look

[@thefizsz6274]

Hey Ady I figured it out. Turns out the input elements for the slider cant be in any container at all.

[@AdyNgom]

You can watch both videos in the series here: forthehackofit.com/build-two-css-content-sliders/

[@zulflbeatz]

no auto slide?

[@AdyNgom]

hi auto slide will involve two things that might not be practical for this exercise: 1- Doing the timers in Javacript which we were aiming to avoid here in the first place but very easy to implement 2- Using CSS keyframe animation to go from one to the next. A little more complex to keep everything in sync but definitely doable. I can look into an extended version if time permits

[@zulflbeatz]

Ady Ngom maybe i can make something with this..sir can you upload this project in mediafire?

[@AdyNgom]

zulkeple zaini no problem I will post it on github by tomorrow and send you the link. Feel free to fork and modify it. Don't forget to share back with the community, cheers :)

[@zulflbeatz]

Ady Ngom thanks

[@g3dr0cht]

I need your help

[@dennisbrock1435]

can you do this using dreamweaver cs5.5

[@AdyNgom]

Technically if you open the HTML panel on Dreamweaver (I haven't used it in ages honestly) you should be able to. As long as you can edit or add code then yes +Dennis Brock

[@umarmoeidsodai7916]

Bro can u tell auto transition effect.. or i have some problem please provide me your email i will send u snapshot