Create Responsive SVG Image Maps

Поділитися
Вставка
  • Опубліковано 11 лис 2024

КОМЕНТАРІ • 51

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

    Today in 2021 this video is of great value and the clarity with which you explain it, thank you very much.

  • @marcusbaptiste7544
    @marcusbaptiste7544 9 років тому +3

    Excellent tutorial. This saved me a lot of work and headache

  • @ANMALIMRAN
    @ANMALIMRAN 6 років тому

    This is excellent! Simple and monkey friendly demonstration. Peoples with a little bit of experience on coding never publish something for those are less familiar with codes! However, I found this so simple and effective. Thanks to the creator of this video and would like to request for more video on the trick of adding zoon in and out button on a map. Struggling for a while and didn't find a solution yet.

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

    Super tutorial, this is exactly where I was searching for!

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

    Old tutorial, but rare and value information, thanks man.

  • @shahbokhari
    @shahbokhari 10 років тому +12

    Hi, This tutorial on creating Responsive SVG Image Maps is really inspirational.
    Do you have a video tutorial course or series on this in details?
    Thanks so much for sharing.

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

    Fantastic tutorial, even after all this time. The only change I needed to make was to give the xlink titles an xlink:title instead of just title, so I'm guessing things have moved on in the last five years! I spotted the fact you forgot to add the clip-paths and was waiting for you to notice which you sure enough did. Thanks for the video!

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

    Thanks brother! You are great

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

    damn dude you got a nice radio voice

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

    Thank you! This tutorial is very helpful.

  • @sinabeyraghdar6292
    @sinabeyraghdar6292 6 років тому +1

    Very very awesome job thanks for this great tutorial :)

  • @gordymc5777
    @gordymc5777 9 років тому +6

    This guy.... is real good! (Y)
    Very well explained, no rushing or anything - but you didn't really explain why you put the W3c link in there, I presume it works in the same way as a JavaScript Library link?

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

    Thanks for this wonderful informative video. Can we add in a pop up box when hovered over? Thanks

  • @SureshKaria
    @SureshKaria 10 років тому +2

    Thank You very much for this tutorial!

  • @shashwatgupta5716
    @shashwatgupta5716 7 років тому

    you are awesome... illustrious video. Thnx for made

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

    Thank you so much for this video. It's really helpful.

  • @AbhinashKujur-ud6db
    @AbhinashKujur-ud6db 5 місяців тому

    I don't have that button( resize page to drawing or selection) so how to get it?

  • @webdevelopers1
    @webdevelopers1 9 років тому +1

    absolutely lovely !!!! indeed !

    • @SilviyaGuzen
      @SilviyaGuzen 9 років тому +1

      Very nice :)

    • @webdevelopers1
      @webdevelopers1 9 років тому

      Silviya Guzen .. yeah i was surprised, they way svg are so powerful. i can feel bright future and betterment for svg, no doubts!

  • @Schizoid137
    @Schizoid137 6 років тому +1

    This helped me a lot. Thanks

  • @lucasdamasceno9712
    @lucasdamasceno9712 7 років тому

    THANKS MAN, YOU ROCK!

  • @devadas7439
    @devadas7439 5 років тому +1

    I love you man :D save my work s2 s2

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

    THANKS

  • @juliusnepos8320
    @juliusnepos8320 6 років тому

    Very nice, I used Corel Draw and was able to embed a bitmap on layer one and just draw the vector graphics (SVG) over that layer. Still not sure how it will display the underlying bitmap but we'll see.

    • @RicardoMartinez-ns5xv
      @RicardoMartinez-ns5xv 6 років тому

      Hi mate, I've created a map and now I want to put this interactive map on my wordpress theme site - is there anyway to do that. how do I do that? Would appreciate your help. Thank you

  • @silvesken
    @silvesken 10 років тому

    Thank you. Very useful.

  • @benderrodriquez
    @benderrodriquez 9 років тому

    Great Tutorial!

  • @7daysinSunnyJune
    @7daysinSunnyJune 8 років тому

    great tutorial, thanks!

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

    did it but mine is not responsive

  • @unfolderyapp7799
    @unfolderyapp7799 7 років тому +2

    path:hover is fantastic ! avoid having to use javascript

  • @tiagomarques1364
    @tiagomarques1364 8 років тому

    very good!!!

  • @SARAHMAEENGCOY
    @SARAHMAEENGCOY 8 років тому

    Thank you very much!

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

    Hi, Where can I copy the code? I'm just too lazy to write all of this by hand. :-) Thanks

  • @mohammadkermani2987
    @mohammadkermani2987 9 років тому

    So good tutorial, +1 tuts+

  • @user-ot1dv6ri4f
    @user-ot1dv6ri4f 10 років тому

    Thanks very much and please use an external mic - it really hurts when you type.

    • @gordymc5777
      @gordymc5777 9 років тому +1

      B Jarmain Turn your sound down - no one else complained!!

  • @josecarlosalmansaperez1227
    @josecarlosalmansaperez1227 6 років тому

    Thank you!

  • @luismanuelperezherrera660
    @luismanuelperezherrera660 6 років тому

    my hero

  • @RicardoMartinez-ns5xv
    @RicardoMartinez-ns5xv 6 років тому

    This is great but anyone know how I can use this code in wordpress - is it even possible? I've created a map and now I want to put this interactive map on my wordpress theme site - how do I do that? Please help me, thank you for this.

  • @onetwothree123-
    @onetwothree123- 8 років тому

    THANK YOU !!!

  • @OraNgodingOraKepenak
    @OraNgodingOraKepenak 8 років тому

    Thanks.

  • @anjamuller7600
    @anjamuller7600 8 років тому

    Really good tutorial and it worked for me... not..
    When i call the svg-image directly, it all works fine. But when i parse it through a html-file on my apache webserver, all links have gone. Anybody with the same problem? Solutions?

  • @naydsonmariosa1478
    @naydsonmariosa1478 8 років тому

    Hello friend! Thanks for this amazing video.
    Oh, and sorry for the bad english. So, Can you help me?
    I want to change the color of certain areas of the map in accordance with a value from the database. Would it be possible?
    Thanks in advance!

    • @the.maaraa
      @the.maaraa 8 років тому +1

      i think your English is not bad. We have same problem here.

    • @naydsonmariosa1478
      @naydsonmariosa1478 8 років тому

      haha thanks. If I find something I'll comment on it here.

  • @widebandrecords902
    @widebandrecords902 9 років тому

    Yes great video.. As you can hear, we speak very clear coming from or close to London. :)

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

    didn't realise it was so simple. byeee html image maps

  • @suronjunghosh3445
    @suronjunghosh3445 6 років тому +1

    It does not make it responsive.

  • @gregliako7995
    @gregliako7995 8 років тому

    Hello I am interested in your work. Can you send me an email?
    Thx