Jump to content
Search Community

Brandesign last won the day on May 24 2013

Brandesign had the most liked content!

Brandesign

Members
  • Posts

    12
  • Joined

  • Last visited

  • Days Won

    1

Brandesign last won the day on May 24 2013

Brandesign had the most liked content!

Brandesign's Achievements

1

Reputation

  1. Hi Carl, Sorry for my late response. Busy bee. It seems I pasted the old code in, maybe this will clear things up: var tlTelefoon = new TimelineMax(); var positions:Array = new Array (new Array(267,136,386,520), new Array(236,138,339,456), new Array(204,139,255,343), new Array(420,134,377,540)); var currentPhone:Number = 1; var phone = new Array("toestel1", "toestel2", "toestel3", "toestel4"); /*Button Next */ btnNext.onRelease = function(){ if(currentPhone < 4){ currentPhone++; } else{ currentPhone = 1; } animatePhone(); } animatePhone = function(){ tlTelefoon .to(phone[0], 1, { _x:positions[0][0], _y:positions[0][1], _width:positions[0][2], _height:positions[0][3]}) .to(phone[1], 1, { _x:positions[1][0], _y:positions[1][1], _width:positions[1][2], _height:positions[1][3]}) .to(phone[2], 1, { _x:positions[2][0], _y:positions[2][1], _width:positions[2][2], _height:positions[2][3]}) .to(phone[3], 1, { _x:positions[3][0], _y:positions[3][1], _width:positions[3][2], _height:positions[3][3]}); } It's actually a carousel of some sort. Rotating images on click and with a auto slide after a few seconds. Hope you can help me out! Thanks! Youri
  2. Hi guys, I've been trying to work this out but just can't get my head around it. The following needs to happen: - 3 Images - 4 Positions (with 4 values. X, Y, width and height) - Click on the next button - Images rotate. 1 goes to position 2, 2 to 3, 3 to 4, and 4 to 1. My solution (that doesn't work) was as followed: var tlTelefoon = new TimelineMax(); var positions:Array = new Array (new Array(267,136,386,520), new Array(236,138,339,456), new Array(204,139,255,343), new Array(420,134,377,540)); var currentPhone:Number = 1; var phone = new Array("toestel1", "toestel2", "toestel3", "toestel4"); btnNext.onRelease = function(){ if(currentPhone < 4){ currentPhone++; } else{ currentPhone = 1; } animatePhone(); } animatePhone = function(){ for (var i = 0; i < phone.length; i++) { tlTelefoon.to(toestel[0], 1, { _x:positions[0].x, _y:positions[0].y, _width:positions[0].width, _height:positions[0].height}) .to(toestel[1], 1, { _x:positions[i].x, _y:positions[0].y, _width:positions[0].width, _height:positions[0].height}) .to(toestel[2], 1, { _x:positions[i].x, _y:positions[0].y, _width:positions[0].width, _height:positions[0].height}) .to(toestel[3], 1, { _x:positions[i].x, _y:positions[0].y, _width:positions[0].width, _height:positions[0].height}); trace(toestel1); } } In short: - Button is clicked, var currentPhone increment with 1. - animatePhone function is called. - every Phone their values (x,y,w,h) should change an should animate to those spots. Help is very much appriciated! Just can't figure this one out. Maybe I'm just working on it for too long and don't see stupid mistakes. If so, please say so. Thanks! Youri
  3. Thanks for the reply! Good thing to see that they're re-evaluating the issues regarding this and that the public can comment on it. Too bad it hasn't gone overseas yet. Ad Management Company's here in holland are serving html5 banners now, but it's still in kids shoes and bit buggy here and there. Especially full-page overlay ads. They still haven't changed anything on the file sizes etc. My colleague has written it's own animation already in javascript. Too bad I couldn't use my favorite animation library on this, and make it a nice looking smooth ad on 60 fps. Hopefully in the near future...
  4. Hi, Since the introduction of animation in JS, ad management programs are changing the standard of Flash to JS when it comes to advertisement. But they keep the same restrictions on KB. When I was given the task to make a banner in JS, Greensock immediately popped up in my head. I've looked at the download page and when customising the library I saw 7 kb when only selecting Tweenlite. As shown here: But when I look on my mac when inspecting the file: Am I doing something wrong downloading or am I missing something here? For the banner to be accepted @ the ad networks the JS should be under 10kb. Hope someone can help me out! Thank in advance! Youri
  5. Hi Jamie, Thanks for your answer, works like a charm! Many thanks! This topic can be closed! Youri
  6. Hi Carl, Thanks for your reply. Unfortunately your solution isn't gonna work because the distance between the window and the nav element is dynamic. (when resizing browser window) It's gonna have a arrow sticking out afterwards. People can rollover this arrow and the menu will appear from the left side of the site. So I need a to place it exactly at the left side - it's own width. If I use relative positioning it has the parent as reference point, in which I can't exactly pinpoint how many negative pixels it should animate to since the browser window is resizable. Thanks again, Youri
  7. I've uploaded the page where I'm facing this problem. http://www.brandesign.nl/silent-project/index.html If you click 1 of the link it wil animate. Made the nav animation very slow so you can see what's happening. Hope you can help me out! Thanks, Youri
  8. Hi, I'm probably doing something wrong with my inexperience in Tweenlite and Javascript, but it's something I can't figure out. I'm trying to have a menu in the middle of the site, and when clicking on a link, I want it to animate to the far left of the window. I'm using the left css property (in a negative value to let it disappear completely) to achieve this but if I do that the menu jumps to a certain position and then animates to the left. Looks pretty ugly. I've noticed that when I make my window smaller the jump is decreasing. It seems like the element first jumps to the x value 0 of the window and after that smoothly animates to a negative value. (-275px in this case) Is there a way to fix this? Thanks in advance! Youri
  9. Hi, Thank you for your reply! This was/is exactly what I've been looking for. I've tried this plugin to get the same effect: http://manos.malihu.gr/jquery-custom-content-scroller/ But if I activate this, scrollorama stops working completely. Also tried to extract and implement the JS found in the example you gave me. But this failed also, I can scroll by dragging the mouse but if I scroll with the mousewheel it jumps back on top and stays there. Thanks for your suggestion, I'll post my question there! Much appriciated, Youri
  10. Hi, new to this forum so first of all... hello to you all! I've been working on my portfolio site and am using GSAP and scrollorama. It works like a charm, on lower resolution screens. I scroll, things animate. Simple! The problem is when someone has a higher resolution, I want to check if it's high enough to trigger an animation without having to scroll. So in short, when opening the page. If the elements that should animate are above the fold, they animate. If not, then not. This without scrolling whatsoever. Oh and I would also like to have a smooth scroll in my site. Any tips/advice on what plugin synergizes well with GSAP + Scrollorama? Help would be greatly appriciated! Cheers! Youri
×
×
  • Create New...