Elementor Playing Card Image Hover Effect with Animated Popup/Lightbox | Expanding Image Gallery

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ธ.ค. 2024

ความคิดเห็น • 68

  • @glencoe1266
    @glencoe1266 9 หลายเดือนก่อน +1

    Brilliant! Works perfectly! Thank you sir!

  • @thewebstylist
    @thewebstylist 9 หลายเดือนก่อน +3

    You bro are THE Elementor WP site style magician!
    I have to say again however I’m heartbroken there isn’t much mobile view style 😢📲 Still so surprised you don’t make that a priority as of course for years now most sites are viewed on mobile phone (and I’ve made that a priority in my own and all client site designs for 8+ yrs! Crazy to me how still most web designers don’t put as #1 priority)
    Anyway luv and respect your talents and vids 100💯👏🏻✨

    • @MakeDreamWebsite
      @MakeDreamWebsite  9 หลายเดือนก่อน

      Thank you so much for your appreciation... Yes, on mobile I just keep it simple because with this layout it's really hard to fit all the images on mobile screen!

    • @thewebstylist
      @thewebstylist 9 หลายเดือนก่อน

      @@MakeDreamWebsite but my bro you MUST make the mobile on scroll experience as engaging as dynamic as the desktop/laptop experience period!! Just crazy to me as I’ve prioritized mobile first web design styling for literally 8+ years and ha wow how so many incredible web designers still don’t get how priceless this is

    • @MakeDreamWebsite
      @MakeDreamWebsite  9 หลายเดือนก่อน

      Thanks my friend! I'll keep that in mind!

    • @MakeDreamWebsite
      @MakeDreamWebsite  9 หลายเดือนก่อน +2

      One more thing I also want to mention, for mobile there are some limitations. For example: there is not enough space for all layout and effect. So, a different and simplified layout is more suitable rather than a broken and incomplete layout. And also sometimes I also skip fancy hover effect from mobile. There is nothing called hover for mobile. So, when you click you can see that hover effect for a split of second until the link is redirected. So, for this some cases I prefer to use simplified version of the effect/layout rather than make it incomplete and broken.

  • @RicardoIvanov
    @RicardoIvanov 9 หลายเดือนก่อน +1

    Nice effect! Thank you for sharing. I'll try it soon :)

  • @ceciliaz5827
    @ceciliaz5827 2 หลายเดือนก่อน

    great, it's very quick to set up ! Thank you

  • @jeffdp23
    @jeffdp23 8 หลายเดือนก่อน

    Stunning! Your content is always a go-to, really good.
    Quick question, is it possible to do the Grayscale filter effect without having the fixed cards you created? Like for a regular 3 cards services section with images

  • @lorinadundin
    @lorinadundin 9 หลายเดือนก่อน

    Awesome! Thank you for sharing 🤩

  • @טלפילס-ק7ז
    @טלפילס-ק7ז 2 หลายเดือนก่อน

    Great video! I would like to know if it is possible to use your templates also on the wix studio site for creating my portfolio?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน

      No, you can’t. You can hire a JavaScript developer (with a little bit of Wix experience) who can made it for you and send him/her this video as a reference so they can utilise and modify the code snippet…

  • @walidforhad4973
    @walidforhad4973 7 หลายเดือนก่อน

    you're just so helpful man!

  • @arshpreetkaur6378
    @arshpreetkaur6378 6 หลายเดือนก่อน

    Bro I just love your videos.Keep Going🎉.Even my teacher does not teach me like you do😂

  • @ryu-kp6pn
    @ryu-kp6pn หลายเดือนก่อน

    hello, thank you for this amazing tutorial, it’s working ! however whenever i click on the pictures, the header and footer of my website appears above it, is there any way to fix this? thank you !

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน

      Can you please increase the z index of this section more higher?

  • @jasonpritchard2161
    @jasonpritchard2161 4 หลายเดือนก่อน

    first of all thank you for showing this! ive been looking everywhere for somehting like this for my tarot site!! however, i have elementor pro and its not working the same for me :( idk why not. is it flexbox or grid? itsl ike i have too many options on my end for it to turn out like yours therefore it doesnt :/ lol

  • @Al-Mujjahid
    @Al-Mujjahid 3 หลายเดือนก่อน

    Hi sir, I just bought the effect and literally drag with only changing the text and images but I got a problem, when I click it does bug and does not show the picture zoomed until I click in another one. Sorry for the bothering but what it could be?

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 หลายเดือนก่อน

      Can you please email me your page link?

  • @harshkhaitan4478
    @harshkhaitan4478 8 หลายเดือนก่อน

    Hi, everything seems fine but the button animation and the image on clicking when it opens is blurry and not visible. also, the image when clicked doesn’t comes in front, it just gets zoomed in in its respective place . Can you help please

    • @MakeDreamWebsite
      @MakeDreamWebsite  8 หลายเดือนก่อน

      Can you please repeat everything from scratch

  • @faelmqs
    @faelmqs 8 หลายเดือนก่อน

    Hi Jitu! All good? How incredible is this work! Do you have a tutorial on how to make the menu effect on your official website? I'm developing a technology website, and I loved the hamburger menu effect on your site. Could you tell me how to do it?

    • @MakeDreamWebsite
      @MakeDreamWebsite  8 หลายเดือนก่อน

      Yes, I'll publish the tutorial about the menu next which you saw on jituraiyan.com

    • @faelmqs
      @faelmqs 8 หลายเดือนก่อน

      @@MakeDreamWebsite Do you have a date for the video to be released?

    • @MakeDreamWebsite
      @MakeDreamWebsite  8 หลายเดือนก่อน

      I'll release it within this week

  • @BrunoMartinAguilar
    @BrunoMartinAguilar 9 หลายเดือนก่อน

    awesome man

  • @ABCProducciones2010
    @ABCProducciones2010 9 หลายเดือนก่อน

    Excellent!!!

  • @angie25595
    @angie25595 8 หลายเดือนก่อน

    You are a magician

    • @MakeDreamWebsite
      @MakeDreamWebsite  8 หลายเดือนก่อน

      You can edit everything from the navigator even though its not visible on the preview. On the live page if it works then it's fine...

    • @angie25595
      @angie25595 8 หลายเดือนก่อน

      @@MakeDreamWebsite it is not working on the live page too, unfortunatelly :/

    • @MakeDreamWebsite
      @MakeDreamWebsite  8 หลายเดือนก่อน +1

      @@angie25595 then you may do something wrong or missed up something. Can you please repeat it again carefully without missing any step...

  • @patashekh2475
    @patashekh2475 9 หลายเดือนก่อน +1

    অসাধারণ ভাই , কিন্তু বাঙালি আমরা তো লাইক কমেন্ট করতে লজ্জা পাই , আশা করি বুঝতে পারছেন , কিন্তু আপনার ভিডিও পাবলিশ বন্ধ কইরেন না ভাই

    • @MakeDreamWebsite
      @MakeDreamWebsite  9 หลายเดือนก่อน

      Dhonnobad! InshaAllah video publish bondho hobe na...

  • @oluanmontenegro
    @oluanmontenegro 4 หลายเดือนก่อน

    What about the responsive mode?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      As the animation doesn't fit on mobile so I keep it simple there...

  • @minahilhassan-b2o
    @minahilhassan-b2o 2 หลายเดือนก่อน

    is it responsive on phone same as on desktop?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน

      No, on mobile there is not enough space as the desktop layout and also the hover effect looks awkward on phone as there is nothing called hover for phone. So, I made a different layout for mobile and keep it simple.

    • @minahilhassan-b2o
      @minahilhassan-b2o 2 หลายเดือนก่อน

      @@MakeDreamWebsite okay. Many thanks

  • @SpiritandScene
    @SpiritandScene 26 วันที่ผ่านมา

    Code snippet link is dead

    • @MakeDreamWebsite
      @MakeDreamWebsite  25 วันที่ผ่านมา

      I've fixed the link. Can you please check it again?

    • @Dakshgajora
      @Dakshgajora 5 วันที่ผ่านมา

      @@MakeDreamWebsitenot working

  • @Gbajumodigitals
    @Gbajumodigitals 9 หลายเดือนก่อน

    Nice one

  • @aaohindimesikhe
    @aaohindimesikhe 9 หลายเดือนก่อน

    It's good. I m building new website this effect will help me lot😊

  • @lasilva2409
    @lasilva2409 6 หลายเดือนก่อน

    As soon as I add the HTML code, other content disappears from the website :/

    • @MakeDreamWebsite
      @MakeDreamWebsite  6 หลายเดือนก่อน

      Have you done it correctly? I think you have done something wrong. Can you please do it again from scratch?

    • @lasilva2409
      @lasilva2409 6 หลายเดือนก่อน

      @@MakeDreamWebsite Yes I did, after it didn't work I bought your template and tried it again, unfortunately it doesn't work there either.
      As soon as the HTML code is inserted a lot of content disappears from my page, as soon as I remove the HTML code the content is there again

    • @MakeDreamWebsite
      @MakeDreamWebsite  6 หลายเดือนก่อน

      I see… you can email me your page link…

    • @lasilva2409
      @lasilva2409 6 หลายเดือนก่อน

      @@MakeDreamWebsite Done✅

    • @tradiventure
      @tradiventure 5 หลายเดือนก่อน

      @@MakeDreamWebsite for me its the same. when I compare the thins ( Elementor Advanced Slider with Card Carousel | WordPress Custom Slider Design with Text and Image) with this thing. the first thing doesn't work. but when I deleted the html form this video, the card carousel works... but together it clashed

  • @abubakersaddiuqe3129
    @abubakersaddiuqe3129 9 หลายเดือนก่อน +1

    sir its not working

    • @MakeDreamWebsite
      @MakeDreamWebsite  9 หลายเดือนก่อน

      You need to follow all the exact same steps. Hope then it'll work

    • @abubakersaddiuqe3129
      @abubakersaddiuqe3129 9 หลายเดือนก่อน

      @@MakeDreamWebsite sorry sir its work i add wrong class

    • @MakeDreamWebsite
      @MakeDreamWebsite  9 หลายเดือนก่อน

      Thank you for letting me know!

    • @abubakersaddiuqe3129
      @abubakersaddiuqe3129 9 หลายเดือนก่อน

      @@MakeDreamWebsite sir can you share with your Instagram I'd ?

  • @damienbradshaw
    @damienbradshaw 6 หลายเดือนก่อน +1

    I swear I follow the entire tutorial and it almost never works out.

    • @MakeDreamWebsite
      @MakeDreamWebsite  6 หลายเดือนก่อน

      Can you please repeat it again. I think you have done something wrong…