Jump to content
Search Community

Thepaulcollett

Members
  • Posts

    23
  • Joined

  • Last visited

Posts posted by Thepaulcollett

  1. 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

    • Like 1
  2. 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?

    • Like 1
  3. 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. 

     

    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

     

  4. 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

    See the Pen by pen (@pen) on CodePen

  5. 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  

    See the Pen 9e810322d70c306de2d18237d0cb2d78 by shshaw (@shshaw) on CodePen

     

    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

  6. 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

     

    • Like 1
  7. 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

  8. 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?

  9. 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

  10. 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

    • Like 1
  11. 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. :(

     

    • Like 1
  12. 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.

     

     

    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 

  13. 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 :(

     

     

    Many thanks

     

     

    See the Pen ExZwBYp by Casso77 (@Casso77) on CodePen

  14. 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

  15. 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.

  16. 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?

    See the Pen RwKVjey by paul-collett (@paul-collett) on CodePen

  17. 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

  18. 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

×
×
  • Create New...