Change Image on a click | Javascript Beginner Projects Tutorial

Поділитися
Вставка
  • Опубліковано 26 сер 2024
  • In this episode we will learn how to change an image on a click, hope you enjoy this video also feedback is welcome.
    Also if you have suggestions for projects that I could build, please tell me in the comments below.

КОМЕНТАРІ • 41

  • @CodePhilipYT
    @CodePhilipYT  4 роки тому +7

    Leave a like if this video helped you, also give me feedback and suggestions for more projects!

    • @injmamulshaikh6752
      @injmamulshaikh6752 3 роки тому

      I don't understand sir please give me provide source code

  • @DharmRakshak2
    @DharmRakshak2 2 роки тому +2

    I cant get the image to load. Its in the same catalog and i checked the name. Any ideas?

  • @nikolozmacharashvili1212
    @nikolozmacharashvili1212 2 роки тому +2

    bro thank you for these 17 videos

  • @aya2222
    @aya2222 3 роки тому +2

    I started learning JS 2months ago, this small projects series is very helpful! Thank you! i hope you keep making these kind of beginner friendly tutorials!!

    • @CodePhilipYT
      @CodePhilipYT  3 роки тому +2

      I stopped creating videos because I dont really have an interest in coding anymore. But thank you for your kind comment :)

    • @aya2222
      @aya2222 3 роки тому

      @@CodePhilipYT that's too bad....what are you up to these days?

  • @sherryvlogs5271
    @sherryvlogs5271 2 роки тому +2

    300th person to like

  • @silentxcure
    @silentxcure 3 роки тому +1

    this is exactly what i was looking. a very simple program thats easier to understand. thanks a lot. will like and subscribe.

  • @mariopizzaro
    @mariopizzaro 3 роки тому +2

    Another great small project ! happy I have found your channel :)

  • @viviannwangrydh1187
    @viviannwangrydh1187 3 роки тому +2

    Greate video. very simple but works very good. Thank you.

  • @username8864
    @username8864 4 роки тому +2

    Believe me pal .... you are best..I can see your hard work ...keep it up

    • @CodePhilipYT
      @CodePhilipYT  4 роки тому

      Thank you very much, I will try but right now I dont have so much time :/ thanks for the subscription

    • @username8864
      @username8864 4 роки тому +1

      Yeah focus more on basic to advance js Projects...

    • @CodePhilipYT
      @CodePhilipYT  4 роки тому +1

      @@username8864 I will try, im still kind of a beginner ^^ Do you have ideas for projects I could create?

    • @username8864
      @username8864 4 роки тому +1

      So did you try freelancing ??? If yes, then make a guide to start freelancing in web development and how to get the first project

    • @CodePhilipYT
      @CodePhilipYT  4 роки тому

      @@username8864 No I haven't tried freelancing yet, but thanks for the suggestions maybe one day I can make a video about this ^^

  • @maskdesk
    @maskdesk Рік тому +1

    thanks

  • @elsakkatech1755
    @elsakkatech1755 3 роки тому +1

    You have to but semicolon between background property and no repeat
    And
    It's
    Background-repeat : no-repeat
    Not like what you wrote
    And it's not necessary here or on almost any IMG elements expect the back ground specially when you set IMG size by pixels

  • @gem2186
    @gem2186 3 роки тому +1

    Do you have tips for someone who wants to create this effect / one like it but does not code?

  • @robsorbo
    @robsorbo 2 роки тому +1

    Good video. Super quiet volume, though.

  • @ljudiurobi
    @ljudiurobi 3 роки тому +2

    I'm on fire!

  • @balochkhan6756
    @balochkhan6756 2 роки тому

    Nice video

  • @debrad.castleberry2457
    @debrad.castleberry2457 4 роки тому

    Thanks a lot. Very helpful video

  • @mariannerohrens5615
    @mariannerohrens5615 2 роки тому

    great, very helpful!!

  • @wat159
    @wat159 2 роки тому

    I wanted to do it on an if tho

  • @digiravi3564
    @digiravi3564 3 роки тому +1

    hey can you please tell me how to add animation while the images change? please.

    • @CodePhilipYT
      @CodePhilipYT  3 роки тому

      You would need to look into keyframes. Just google "Javascript Keyframes Animation"

    • @digiravi3564
      @digiravi3564 3 роки тому +1

      @@CodePhilipYT Well, I found another solution for it. I created two crossfading images and used CSS for animation and media query to make it responsive and tag to make the image clickable. Thank you for replying so soon.

    • @CodePhilipYT
      @CodePhilipYT  3 роки тому

      great solution

  • @gilbertaparicio2151
    @gilbertaparicio2151 3 роки тому +1

    Hi pal i cannot go to your website

  • @shubhamarora547
    @shubhamarora547 4 роки тому

    Please upload new tutorial

  • @fidelahm3027
    @fidelahm3027 2 роки тому

    Source code please

  • @codedaily365
    @codedaily365 2 роки тому

    Pls provide source code.

  • @devkumarmasram5717
    @devkumarmasram5717 2 роки тому +1

    learn to speak louder and clear