Thepaulcollett

Ahh ok Coding isn't really my strong point. Probably not even a point at all. Thanks so much for taking a look. I'll see if I can find a freelancer who can help me out or something. thanks again

Hey there Thanks so much for taking a look. I've just updated the code again. the path should be there now. Should appear just below the laptop image. Does that help at all?

Ahh sorry, that's what it was. I'll get there one day. https://codepen.io/Casso77/pen/ExWgaQv

https://codepen.io/pen/ Apologies, hopefully the above link will work.

Hey Cassie Thanks for getting back to me. I did notice that the code pen wasn't up to scratch. I've cleaned it up a bit and got it to work on codepen. However. On my site, I just can't get it to work. https://codepen.io/pen/ On the my site, I can get the section in, but I can't get the sprite to show (or any image for that matter) hope that all makes sense now Many thanks

Hey guys and gals, Was wondering If you could point me in the right direction. I'm trying to get the 'animate sprite on scroll' using ScrollTrigger, but I'm having real trouble getting the sprite to appear on my site (link below). Can anyone suggest any edits or see anything I've done wrong (most likely) Thanks www.paulcollett.co.uk

Hey Abi Thanks for replying. I'm not sure I understand. I'm such a newbie at HTML let alone Java. Is this something you could fix?

Hey guys I have a website: http://www.paulcollett.co.uk/index9.html and need to have ScrollTrigger implemented in two (maybe three) sections. The first instance uses the GASP before and after scroll technique which works, but is covered in black from the second ScrollTrigger action which is to play a video on user scroll. Here is the demo I used or the code https://codepen.io/shshaw/pen/9e810322d70c306de2d18237d0cb2d78 It's sort of working, but as mentioned it creates a black square on one ST section, and the this particular section the scroll starts too soon so will need to be adjusted. Hope all that makes sense, if anyone out there can fix this, you'll be a god send. Many thanks

I've not looked into the jobs forum as yet and appreciate that what I am asking is above and beyond what a forum can offer. I was hoping that the solution would be something fairly simple like a wrong line of code or something similar. Perhaps I was a little naive with that thought. I'll have a go on the jobs forum. Hopefully someone can help me out. Thanks for all your help

Oh Jeez. Things are worse than I thought then ? So, late last night, I started over, using that code above and got so close. But now I have a black square covering my other ScrollTrigger event (the one that works) and I guess I'll also need to adjust the positioning to make it react at the appropriate time. It's a little off. But so close. I've checked the documentation and it mentions GASP covering whole timelines. Does tat mean this particular page is known as a timeline? As always, any help greatly appreciated

Hey guys Me again. So in my haste, I have just figured out that the code I'm trying to get you guys to use isn't actually GASP (face palm moment for sure) I've taken the GASP code from the before and after demo and works perfectly. Alas there is not demo for video scrubbing. Is that possible using GASP?

Excellent, I'll look into that. In the meantime I've managed to find the 'vanilla' code I was using. Perhaps this could help with the clean pen I need? https://codepen.io/shshaw/pen/9e810322d70c306de2d18237d0cb2d78

ha ha great film to. However, time is of the essence. I would be willing to pay one you fine knowledgeable people for your services if that's an option? Needs must and all that

Hey all Thanks for all the feedback. Truth be told, coding was just something I was doing in the background. Picking up bits here and there. This whole Jave thing is all new and all confusing. The job is a bit of a rush, Just been made redundant and need my portfolio/website up and running to send out etc etc. I've gone back to the dev, but I think they are struggling, it was someone from people per hour after all and they are not always the best suited. I'll look at SVG and see what I can do. Actually, This was the first attempt: http://www.paulcollett.co.uk/index8.html This used two SVG graphics. Don't ask me how I done it though. I've cut and paste more code than I care to admit haha

Hey Cassie Thanks for the reply. I've put the correct link path in, and linked all the style sheets and java scripts as they should and it still isn't working on Codepen. Sorry all for being so clueless. As far as my knowledge allows, the below pen is just the video section. https://codepen.io/Casso77/pen/ExZwBYp

Hey Craig Thanks so much for getting back to me. I have to hold my hands up, I'm totally lost, the JS code was put in by someone from People per Hour and dare not touch it. I can't for the life of me figure out why the video isn't in the codepen the link works fine: http://www.paulcollett.co.uk//images/homepage/bond-motion.mp4 I've tried to simplify the codepen as you recommended so It just has the video code. I'm sure I'm missing something really obvious but can't for the life of me figure out what. https://codepen.io/Casso77/pen/ExZwBYp Here is the live site. I've actually managed to put in the 'before and after' code which works perfectly. http://paulcollett.co.uk/index9.html I would really appreciate any help as my mind is officially blown

Hey all, I was wondering if you could point me in the right direction. I have nearly got my ScrollTrigger to work (more through luck than knowledge) but it's not quite right. The video on scroll seems to play too early, so by the time the user get there, it's nearly finished. Add to that the page still keeps scrolling while the video plays. Unlike your demo where the page stops scrolling. And then the video disappears until you scroll up. Oddly the video works as it should when you scroll up. I've just about reached my limit of knowledge and was hoping someone could guide me in the right direction so I can fix it up Here's the code I'm using. Although I don't even think I've done this right https://codepen.io/Casso77/pen/ExZwBYp Many thanks

Hey Vis Thank you so much! So close! almost working but not playing the video from start, and has made the section above smaller. When I say noob, I really mean supernoob, Im beginning to think that this task may be too complex for me to handle. Do you offer a freelance services? Something quick to get it fixed up I'd really love to have this effect on the site (and another scroll trigger one eventually) Thanks once again Paul

Hey guys, thanks for the feedback, I'm a total n00b at this, so not really sure what I'm doing. As far as I can tell I have GSAP loaded via the scripts <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/ScrollTrigger.js"></script> <script src="test/script.js"></script> As for the video, I'm lost on that one, it works and plays, on both desktop and mobile and is definitely in the directory. I just can't work out why it's taking up half the site.

Hey all I was hoping someone could help me out. I'm using Scroll Trigger to play and reverse a video depending on the users scroll. It works, as you can see from this link (for some reason it doesn't work in Codepen) www.paulcollett.co.uk as you can see the video is covering up most of the website. I can't for the life of me work out why. I've used a div to contain the section but doesn't seem to be working. Any ideas?

Hey @ZachSaucier I've been trying to get my video to play on scroll and stumbled upon this thread. I've implemented the code shown in your demo link and IT WORKS!! spent days on this. However, it is choppy. I was wondering if you could elaborate a little on the video encoding. I don't really understand the commented out section in the JS Many thanks

Hi @akapowl Thanks so much for getting back to me. I'm beginning to think this is way beyond my metaphorical pay grade. (or skillset) I must confess I really don't know what I'm doing. Not really sure how to use Codepen either... But here is a link to the codeine site with my files and code https://codepen.io/Casso77/project/editor/DyPkpV Thanks again

Hi all Total newbie here. I barley know HTML let alone Java. But still I won't learn anything but not trying. I'm simply trying to implement the GS Gun explode example onto a simple html page. I have the relevant JS files in my js folder, I have the GS links in place and the CSS linked. But it doesn't seem to be working, Can anyone help? Here is the test page http://paulcollett.co.uk/test Many thanks test.html