jQuery Image Slider for Beginners: HTML and CSS Included | HTML CSS JS only
ฝัง
- เผยแพร่เมื่อ 20 ต.ค. 2023
- Welcome to our latest tutorial on creating a stunning HTML, CSS, and jQuery slider! 🎥💻 In this video, we'll walk you through the process of building a beautiful and interactive image slider for your website.
🔗 Download the source code and project files: github.com/JeeJu-Coding/img-s...
📌 Topics Covered:
- HTML structure for the slider
- Styling with CSS for a sleek look
- jQuery for smooth and responsive transitions
- Adding captions and controls
- Customization options
🔥 Don't forget to subscribe for more web development tutorials, and hit the notification bell so you never miss an update. If you found this video helpful, give it a thumbs up and share it with your friends! Have any questions or suggestions for future tutorials? Leave them in the comments below. We'd love to hear from you!
#HTML #CSS #jQuery #SliderTutorial #WebDevelopment #FrontEndDevelopment #WebDesign #Coding #Tutorial #ImageSlider #WebDev #CodeWithMe
#HTML
#CSS
#jQuery
#Slider
#WebDesign
#FrontEndDevelopment
#WebDevelopment
#ResponsiveDesign
#UIUX
#WebDesignTrends
#WebDevelopmentTips
#CSSAnimations
#jQuerySlider
#WebDesignInspiration
#CodeTutorial
#WebDevelopmentTools
#HTML5
#CSS3
#JavaScript
#UserInterface
#SliderTutorial
#WebDesignTutorial
#WebDevelopmentProjects
#DesignInspiration
#CodingTips
#UIElements
#FrontEndTips
#WebDesignIdeas
#InteractiveDesign
#WebDesignBestPractices
#WebDevelopmentTricks
#SliderDesign
#jQueryTips
#CSSTricks
#HTMLCoding
#UserExperience
#WebAnimation
#SliderEffects
#ResponsiveWebDesign
#CreativeDesign
#jQueryPlugins
#CSSFramework
#HTML5Features
#WebDesignPatterns
#jQueryUI
#WebDevSkills
#CSSGrid
#JavaScriptDevelopment
#SliderDesignIdeas
#FrontEndCoding
Nice work bro, i hope one day ill be able to code like this amazing slide by my self, keep up the good work.
Thanks a lot bro❤️ Definitely u will be able to code like this..🙌
Wonderful...!🤩
Thanks a lot 😊
Amazing👍❤
Thank you 👍
thank youuuuuuuuuuuuuuuuu♥
Most Welcome
can you show how to turn the photos into a link please ??? I tried but didnt work... btw great job !!!
Thanks so much bro❤❤❤❤
Welcome 😊
Awesome, thank you 🙏 How can I make this responsive; browser resize or mobile friendly?
Thank you so much 😊... You can adjust the image's width and height for responsive screens.
😁
code source please
the javascript has some errors i think. could you please look into it, since the animations are dependant on it
Okay sure!! i will check
like
Thank you
How about code in js ? Missed that part
Can you shared it ?
Please check GitHub Link. There you get full code. Thank you
how can i add jQuery.js file?
Go to goggle and type jQuery download
its not work all work but second image not big in click effect why
Please check your code
may be you have not created jQuery.js file.
@@heerranjha5040 how can i add it?
bro you not full video uplord the java script
No! i will upload full video
Bro it's not working, I followed what you exactly did in the video, and I also checked the comments here and went to your github for jQuery.. why is still not working? Please reply TT I really need it rn. Thanks!
dear I will get back to you soon. wait for my response 👍
Let me check
Nice work sir 👏
Bur the js Query isn't working 😢
And that's all that's remaining 😢😞
Let me check
@@uiuniversity thank you sir 🙏
Me too
Hello. I put all the code and the images don't rotate. Greetings!!!
Which part?
@@uiuniversity Hello. Thank you very much for worrying. I tell you that when I write "active" in image 4, it enlarges and occupies almost the entire width of the screen. Another thing, when I click on the photos, they don't rotate. They don't move at all, with "active", or without "active". Greetings.
Mine too dosnt respond to click@@horaciomanuliwd
The jQuery dosent work to me.. i did every thing you did... can you explain more how to active this ?@@uiuniversity
This is not mobile responsive.
its not work
Can you please check GitHub repo.