Man Your Logic is Epic

I am so blessed to found you

Thank you so very much, the video was extreamely helpful. You're a lifesaver ❤❤

its a graet tutorial! u ar brilliant

thans a lot for this video we waite mor practice for js

thank you for this video :) sir big fan

thank you for this video :) I will learn a lot from you🤔🤔🤔🤔🤔🤔🤔🤔

I will certainly recreate this thanks for giving us❤

@CodingNepal

10 ай бұрын

Have fun!

@Man-ch9dz

3 ай бұрын

​@CodingNepal I need your number or email id. I have work for you.

i copy ur code so good my man lov u

Thanks man! appreciate ur kind effort!!

@CodingNepal

3 ай бұрын

My pleasure!

thank you for this video :) I will learn a lot from you

@CodingNepal

10 ай бұрын

Glad it was helpful!

Sir apke video pe ake qlg sa vibe ata hai mujhe past me le jata hai 😊

Great tutorial. I used it for shopify and it works perfectly thank you

@devgoswami45

5 ай бұрын

How

@boidiman13

5 ай бұрын

I used the logic of the video and used some own stuff to make it work for a basic theme on shopify. It's to that i can put it in a comment @@devgoswami45

thank you so much for this video. It helped me a lot 🙏❤

@CodingNepal

3 ай бұрын

Glad it was helpful!

Thank you so much🙏🏻🙏🏻🙏🏻🙏🏻

Wow.....Awesome

@CodingNepal

10 ай бұрын

Many many thanks

That' s how its done !

brilliant mind

This is beautiful, what should I study to get to this level?

Thanks for these amazing videos

@CodingNepal

10 ай бұрын

Glad you like them!

thank you so much , your video helped a lot

@CodingNepal

3 ай бұрын

You're welcome!

thank you for this amaizing content

@CodingNepal

2 ай бұрын

You're welcome

Thanks 💗💗💗

Nice work I wanna hire you in my company

Thank you so much Idol + subscriber

@CodingNepal

3 ай бұрын

Thank you too

Can we use html arrow code for left and right arrow

Could also explain on how to add a text to each image?

Can you explain what you are doing in this video, from variables to functions, no matter how much I watch, I don't understand what it has to do with each other. Thank you for the explanation

Thankyu

♥

Can you please tell me why my scrollBy has been set to smooth but when I click it it's not smooth? Thank

massive

How can I put it in Blogger?

Please make full window 11 cloning code using html css and JavaScript with file manager pop up chrome pop pup and don’t forget to add draggable icon I am waiting for your answer

i copied you and uploaded a project hope will never mind thank you so much.

Why is the JS script declared above? Usually js scripts are declared under the body tag, can anyone explain?

@MR.shortzed333

3 ай бұрын

aap js script tag body ke ander bhi declare kr skte hai bs aapko defer lagana hoga taki html CSS load hone ke baad js load ho so script tag kahi bhi use kr skte ho head me body me and after body bhi

@CodingNepal

3 ай бұрын

You can include your script tag inside the head of your HTML document. If you choose to do so, make sure to add the 'defer' attribute to the script tag. This attribute ensures that the script is loaded only after the page content has been fully parsed. Alternatively, you can include your script tag just before the closing body tag with or without the 'defer' attribute. Both methods work well for this video project.

mine is not working when it got to the functionality of the buttons

hey i have a question for you. You defined maxScrollLeft with const and moreover, you did not make any updates in the handleSlideButtons function. When I did the same code as yours, the display "none" feature of the left button worked, but the right button never worked. """"my update code ı add this section let maxScrollLeft = imageList.scrollWidth - imageList.clientWidth; ı change const || let and ı insert maxScrollLeft update in function const handleSlideButtons = ()=>{ maxScrollLeft = imageList.scrollWidth - imageList.clientWidth; slideButtons[0].style.display=imageList.scrollLeft = maxScrollLeft ? "none" : "flex"; } So now I had to make these updates for this code to work. So how did you make it work? :)

@CodingNepal

10 ай бұрын

Make sure you call the initSlider function once the window is loaded. Because all elements need to render to get the correct scroll width value of an element.

@EmmanuelNelly

9 ай бұрын

Am having an error code that says uncaught syntax error identifier imitslider has already been declared . Pls what can I do

Trying to figure out if code or no code options are better for this kind of feature

@CristianIntriago_

4 ай бұрын

me too!!! , what was your conclusion at tthe end

@Tiffany-dw1yp

4 ай бұрын

@@CristianIntriago_ I ended up using a slider plugin HAHAHA

@CristianIntriago_

4 ай бұрын

@@Tiffany-dw1yp no code plugin rigth , damn

Can you make with explanation with voice

How Search data with Select field in the PHP JS database

@CodificacaoCarmo

10 ай бұрын

Please...

Src bata navayera image upload garera slide garne sikauna paryo

Am having an error code that says uncaught syntax error identifier imitslider has already been declared . Pls what can I do

@abiodunfatunbi8871

9 ай бұрын

You probably declared or reassigned the initSlider to another variable or value. A variable declared with a const keyword can't be reassigned.

can we add more than 10 photos? I've tried, but no success.

@michaelmirisciotta6413

5 ай бұрын

SAME!!!

how can I add cption with this?

Bhai pls video dala karo. Agar tum daloge nhi toh tumhara channel ko koi support nhi kar pyega. Love you❤❤

Thank you for sharing this video. I have added this section to my website, but when I navigate to it, my website lags and isn't as smooth. How can I resolve this issue ?

@krambalos24

3 ай бұрын

i hope the uploader can see our message because we've got the same problems. it lags when i first open it.. it runs smooth after that. whenever i restart the browser it lags again.. did you find any solution? can you share it to me

@yatharthhadke

3 ай бұрын

@@krambalos24I tried lazy loading and compressing images, but it's still lagging at the start. I'm making changes and finding a solution. I'll inform you if it works 😉

@krambalos24

3 ай бұрын

@@yatharthhadke thanks bro

how can I make this without the scrollbar? I have tried just removing it but then the buttons don't work either. Thanks

@CodingNepal

10 ай бұрын

To do it, you need to remove all scrollbar code from html, css, and javascript files, or simply go to the css file and add this line at the top: .container .slider-scrollbar { display: none !important; } This way, the scrollbar will be there but hidden.

@user-tp4ep6qo5f

10 ай бұрын

@@CodingNepal that's great thank you! also there is a gap in-front of the first image before you start to scroll through the images which means the container does not look centred before you scroll across. is there any way to fix this?

how do i add text under? it just goes to the sides when i try

@user-bn9sv3rt7e

9 ай бұрын

and if i want to add two of these in one page?

Can we use it for video s instead of images

@CodingNepal

3 ай бұрын

Definitely you can replaces images with videos.

Likeeeeeeeeeee

Const = imageList is declared but its value is never read What i do now????

How I get the arrows in the buttons?

@CodingNepal

3 ай бұрын

You need to use google icons. Here is the link for icons: fonts.google.com/icons

how did you scroll at 4:18 ? I coded same as you from start but I did scroll like you but it's not moving. mousewheel tried that but not scrolling on x-axis. dragging also not working. middlemousewheel work but that's not you are doing.

@CodingNepal

10 ай бұрын

On Windows, you can scroll horizontally by holding shift and using the mouse wheel (shift + mouse wheel).

@alohadron5690

5 ай бұрын

Asked myself the same question, why it is not scrolling. I WOULD NEVER KNOW THAT SUCH THING IS THE SOLUTION. How in the tarnation I was supposed to know that without you here. Why shift, why not normal mouse wheel. God damn it. Thank You! @@CodingNepal

First

@CodingNepal

10 ай бұрын

You rock!

"Why do your Fiverr ratings and order count not match your impressive skills? Do you freelance alongside a job?"

Left wala button Kam nhi kr rha Hy I don't know why please guide me

@CodingNepal

10 ай бұрын

Here is the source code: www.codingnepalweb.com/responsive-image-slider-html-css-javascript/

Hayyyyyy

08:05 Link qayerdan oldiz?

How did u copied

Can we use it for free ?

@CodingNepal

10 ай бұрын

Yes, it is free to use. Here is the source code: www.codingnepalweb.com/responsive-image-slider-html-css-javascript/

🐵 *_vulu ... uku ..._* 🐒

this is not responsive

@codingnepal