Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

120
Visualizações
how to do create a slick slider which on click display the child slider

so i was creaing a category slider but i am new to js and jquery i tried all way but not able to add a click event to image to replace div content when its clicked i have attached the step images below

step 1 initial slider [1]: https://i.stack.imgur.com/LLifb.png

step 2 if i click on any of the tile its child will be visible [2]: https://i.stack.imgur.com/pZkcD.png

can any one help in creating html css js code for this

  <div class="banner-slider">
              
                <div class="slider slider-nav ">
                    <div class="thumbnail-image">
                        <div class="thumbImg">
                            <img src="img/Icons/shower.svg" alt="slider-img">
                        </div>
                        <span>SHOWER</span>
                    </div>
                    <div class="thumbnail-image">
                        <div class="thumbImg">
                            <img src="img/Icons/commode.svg" alt="slider-img">
                        </div>
                        <span>COMMODE</span>
                    </div>
                    <div class="thumbnail-image">
                        <div class="thumbImg">
                            <img src="img/Icons/water-faucet.svg" alt="slider-img">
                        </div>
                        <span>WATER FAUCET</span>
                    </div>
                    <div class="thumbnail-image">
                        <div class="thumbImg">
                            <img src="img/Icons/wash-basin.svg" alt="slider-img">
                        </div>
                        <span>WASH BASIN</span>
                    </div>
                    <div class="thumbnail-image">
                        <div class="thumbImg">
                            <img src="img/Icons/water-faucet.svg" alt="slider-img">
                        </div>
                        <span>WWATER FAUCET</span>
                    </div>
                    
                    
                    
                     </div>
                </div>

//js part not able to do

about 4 years ago · Santiago Gelvez
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda