How to Creating a Responsive Background Image Slider JavaScript | Pro Tips Inside 🚀🗺️

[@farhadronrony1321]

awesome. I tried a lot of time before watch this video, but feiled. But now, I have done succesfully by this video. Thank you!

[@dailywebdesign]

Glad it helped!

[@Dang_Quang_Minh]

very good very good! You did it really great! Looking to watch your video!

[@dailywebdesign]

Thank you! Cheers!

[@vivekjaiswal7097]

Agar aaj aap ka source code nhi milta to mai pagal ho jaata pri rat mujhe jagna padta thank uhh so much sirr❤❤❤❤❤

[@dailywebdesign]

welcome

[@effela]

What is the visual studio plugin you use?

[@lililight-e5f]

! I got it working !

[@vivekjaiswal7097]

Love u soo much sir

[@dailywebdesign]

thank you

[@ZabdiServin]

super! just how can i add a timeset or a setinterval??? im try to add a function
setInterval(() => {
sliderNav()
}, 3000);
but does'nt work, thanks for your help!

[@felipevieira5233]

Queria fazer o header e abaixo dele colocar o slider e depois colocar algund produtos

[@felipevieira5233]

Tem como?

[@dailywebdesign]

Your Website
/* Add your custom CSS styles here */
body {
font-family: Arial, sans-serif;
}
header {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
#slider {
max-width: 100%;
height: auto;
}
.product-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 20px;
}
.product {
width: 200px;
margin: 10px;
padding: 10px;
border: 1px solid #ddd;
box-shadow: 2px 2px 5px #ccc;
}
.product img {
max-width: 100%;
height: auto;
}

Your Website Header






Product 1
Description of Product 1
Price: $X.XX

Product 2
Description of Product 2
Price: $X.XX

Product 3
Description of Product 3
Price: $X.XX

[@dailywebdesign]

Observe que este é um exemplo básico para dar uma ideia da estrutura do layout. Você precisará substituir as imagens de espaço reservado e os detalhes do produto pelo seu conteúdo real. Além disso, se você quiser controles deslizantes interativos, pode ser necessário usar uma biblioteca JavaScript como Swiper ou Slick para criar controles deslizantes dinâmicos.

[@robertzohrabyan3316]

can you please make a slider like in spacex falcon9 page?

[@recki1981]

bisa buat otomatis bergulir

[@ngochai385]

huhu my javascrip don't running

[@eve1881]

I thought only me

[@Factful_Inspiration]

U didn't show to us how u got your plugins

[@Ali_Usman76]

did you get?

[@Factful_Inspiration]

@@Ali_Usman76 🤷‍♂️

[@CelalBIBER]

where wecan have the code of your video ?

[@dailywebdesign]

website in description

[@varunsaraswat5731]

JS not working bad code...

[@rick.rollboi]

code doesn't work!

[@dailywebdesign]

try the website code