Create A Portfolio Scroll Image Effect On Elementor | No Plugins | Javascript

[@azrulnaqeeb]

Your video quality is decent but you prove me that a great content always wins it. Love it thanks ❣️

[@mthembufridolin723]

Thanks man, was looking for this tutorial on youtube not even knowing what to search and I came across this video

[@UrielSoto]

I know it's kind of hard to search for something like this haha

[@kungfugeneraal]

You are a genius... I've been searching for this for a very long time. Thanks.

[@AhmedKhalil-oh6ti]

Thank you for everything, But the HOVER effect does NOt work in mobile.

[@lwoof343]

can you please tell me how to slow down the scroll overall. On some of them it moves really fast and then slows down at the end. I want to slow them down consistently - but when I increase the seconds here "transition: object-position 12s ease;" the end gets reeeeeeaaaaally slow

[@nugencybondo]

I went through the tutorial and it all works great except that after I put in the css and java - the box shadow is no longer working no matter what setting I put in. Any ideas?

[@kerryb.9864]

This worked perfectly. I'm using it as one large image scroll instead of the 4 you have. But I'd like the scrolling effect to be a tad slower. I didn't see anything in the JS that determined speed -- but I'm not a JS expert. Is there a way to slow the scrolling effect down a little?? Thanks!

[@UrielSoto]

Yes it's within the CSS code actually. It's under transition. Currently it's set to 6s. But you can change it to 9s or 10s

[@kerryb.9864]

@@UrielSoto Thank you. That did it. The scroll works perfectly now.

[@chinedunnadi96]

This is awesome Uriel. Just when I needed it. Thanks very much.

[@liaqatnasim708]

Perfact ... you saved my life.. Thanks alot

[@14arushi]

thank you very much dude! its really help for me, as a elementor free user

[@shakirahmed5868]

Hey, wonderful tutorial. I have a question. What if I want to make it clickable and redirect it to a full-screen preview? How do I do it? Please let me know... 😊

[@plantifulalexandra]

Amazing - thank you! Was just about to buy a plugin for this.

[@yessyjade]

Thanks for the tutorial! I did all the steps.. but on my website the image doesn't scroll, it just goes from the top of the image to the end of the image when I hover over, no smooth scrolling at all.. What did I do wrong?

[@fillari_wind]

Thank you for your great explanation.👍 It all work on computer but the scrolling doesn't work on mobile phone ( if you try it by opening website from smartphone).
Do the JS events " mouse enter , mouse leave" have to work on mobile phone? Can you help with this issue, please?

[@kingkian1891]

How is it possible to get the bagground pictures you are using ( the blue bobbles?)

[@ianxven]

Thanks for the tutorial man, it works

[@wiiride9865]

These are contents that deserve a subscription, thanks mate for this great video. Cheers! ":)

[@developwithhuzaifa1429]

Thank You. This was really helpful..

[@dinukakularathna2824]

Great video. Thank You!

[@appo7481]

Thanks a lot for the lesson. Do you have any information on how i can implement scrolling of an image in some background, for example, on a mobile phone or monitor? I place the scrolling image in the iphonex frame (svg file with transparent background). But I just don't understand how to place the preview (scrolling image) behind the background with the phone, and so that it scrolls without problems.

[@UrielSoto]

Idk i would have to see what you're talking about.

[@GIGIUXUI]

thank you so much! works perfect!

[@imaginedesigns458]

Have you decided if you're going to do a plugin for this - it would be awesome! Thanks

[@UrielSoto]

I was going to but there's an easy option to do this now without code.

[@aminulislamjoy9882]

THANK YOU SO MUCH BROTHER

[@janekrapid]

Great job! Thanks a lot.

[@mdmamunhossain3587]

How to filter portfolio images?

[@sakib-hosen]

Thanks man

[@arashabbaspourdm]

Thanks

[@darencastaneda3669]

Thank you😊

[@muhammadenhamurrehman7073]

can,t work javascript on my image can you help

[@UrielSoto]

Do you have a caching plugin?

[@digitalizze.agencia]

Thx!!!!

[@amila.prasad]

Not appear JavaScript in the website, please fix it

[@UrielSoto]

var imgBox = document.querySelectorAll('.website-img img');
for(i=0; i

[@amila.prasad]

Thank you ❤️

[@rizwanjahankhan1146]

Brother i'm don't know how to use Css..so brother are you give me Css code i was very helped

[@UrielSoto]

Yup the code is on my website. I linked it in the description.

[@rizwanjahankhan1146]

Yeah but how to collect your copys Css code in website....

[@vedat_orkun]

Thank you 👍