So weird.... I'm so close!
It seems the transition works, EXCEPT for on the links on the first page. All of the others work just fine. Although I can't seem to find anything different between the code on each page other than the id names. I'm still investigating, but if anyone sees something that I don't, please please let me know. Ami On Dec 23, 11:49 am, Roman Land <[email protected]> wrote: > Hi Ami, > > I have to run, but I found out that if I apply the effect on another > element: > var myFxa1 = new Fx.Tween(document.id('demo-inner', { > duration: 'long', > fps: 40 })); > > var myFxb1 = new Fx.Tween(document.id('demo-inner', { > duration: 'long', > fps: 40 })); > > $('link3-2').addEvent('click', function(event) { > event.stop(); > myFxa1.start('left', -100); > myFxb1.start('top', -100); > > }); > > It worked (this element is the "about" button in your page after the -1200, > -1200 transition. > My guess is that you applied some code on top of the new two Fx instances on > the "link-1", "link-2" etc.. (maybe even one of the classes they share..) > > Check it out and let me know! > > On Wed, Dec 23, 2009 at 7:21 PM, Ami <[email protected]> wrote: > > It was "sine," haha. That was a typo... > > > On Dec 23, 11:19 am, Aaron Newton <[email protected]> wrote: > > > I don't think "cine" is a valid transition. > > > >http://mootools.net/docs/core/Fx/Fx.Transitions > > > > On Wed, Dec 23, 2009 at 9:06 AM, Roman Land <[email protected]> > > wrote: > > > > Hi Ami, > > > > > It seems that there is a bug with the "cine:in" transition you chose to > > > > use, I tried it without a specified transition and it worked nicely in > > IE8. > > > > Otherwise you could open a ticket in lighthouse (I dont have the exact > > > > link, you could find it in other posts) to get that looked at by the > > > > MooTools developers! > > > > > Enjoy > > > > -- Roman > > > > > On Wed, Dec 23, 2009 at 6:45 PM, Ami <[email protected]> wrote: > > > > >> Hey Roman, > > > > >> Sorry for taking so long to update. I got caught up in other > > > >> projects... > > > > >> So, I've finally implemented all of the settings, and Firefox is > > > >> beautiful as usual, but now I don't even get a tween effect in IE7. > > > >> It just "jumps" to the new position despite all of the settings. > > > > >> If you'd like, you can check out what I've done at > > > >>http://www.3wayevents.com/index_ie.html. > > > > >> Any ideas?? > > > > >> Ami > > > >> On Dec 18, 11:19 am, Roman Land <[email protected]> wrote: > > > >> > Thats great! > > > > >> > Sure you can, when you init the fx use any of the options: > > > > >> > var _myFx1 = new Fx.Tween(document.id('wrapper'), { > > > >> > // place here any of the options you would otherwise > > > >> > duration: 'long', > > > >> > transition: 'sine:in', > > > >> > fps: 40 > > > > >> > }) > > > >> > On Fri, Dec 18, 2009 at 5:41 PM, Ami <[email protected]> > > wrote: > > > >> > > Alright, attempted to implement the absolute positioning > > method...and > > > >> > > it almost works. :) > > > > >> > > In firefox the transition is smooth, but in IE the div just > > "jumps" to > > > >> > > the position specified. Is there any way to set a duration, or > > fps > > > >> > > for this like you can for Fx.Scroll? It's really important that > > you > > > >> > > be able to see the images etc. in the transition between pages. > > > > >> > > You can see what I'm talking about athttp:// > > > >> 3wayevents.com/index_ie.html > > > > >> > > On Dec 17, 7:28 pm, Ami <[email protected]> wrote: > > > >> > > > I'm headed out of the office right now but will try it first > > thing > > > >> > > > tomorrow morning and keep you posted. Thanks so so much, again, > > all > > > >> > > > of the help is much appreciated. > > > > >> > > > On Dec 17, 6:58 pm, Roman Land <[email protected]> wrote: > > > > >> > > > > Never tried that plugin.. did you try the absolute > > positioning? > > > >> its > > > >> > > easier > > > >> > > > > to integrate > > > > >> > > > > If I have time tomorrow I will look into this plugin and try > > to > > > >> help > > > >> > > you. > > > > >> > > > > On Fri, Dec 18, 2009 at 2:45 AM, Ami <[email protected]> > > > >> wrote: > > > >> > > > > > Attempted to implement SmoothScroll, but it broke all of the > > > >> links. > > > > >> > > > > > What I'm gathering from the docs is that SmoothScroll > > doesn't > > > >> work > > > >> > > > > > with elements, right? I'd have to restructure the site? > > > > >> > > > > > On Dec 17, 6:12 pm, Roman Land <[email protected]> > > wrote: > > > >> > > > > > > Tried it with your site but I am getting the same results. > > > > >> > > > > > > Did you try the smoothscroll plugin? > > > >> > > > > >http://mootools.net/docs/more/Fx/Fx.SmoothScroll > > > > >> > > > > > > HTH > > > > >> > > > > > > On Fri, Dec 18, 2009 at 1:41 AM, Ami < > > [email protected]> > > > >> > > wrote: > > > >> > > > > > > > Nope, I haven't tried that. Bear with me for a second > > here, > > > >> > > because > > > >> > > > > > > > I'm still relatively new to this, what code would I > > change > > > >> to > > > >> > > make > > > >> > > > > > > > that work? > > > > >> > > > > > > > On Dec 17, 5:31 pm, Roman Land <[email protected]> > > > >> wrote: > > > >> > > > > > > > > if I recall correctly I had better performance with > > > >> absolute > > > >> > > > > > positioning > > > >> > > > > > > > > (with left: (n)px top: (n)px) instead of using offset > > with > > > >> FX, > > > >> > > I cant > > > >> > > > > > > > > explain it but it helped. (maybe the browser renders > > > >> absolute > > > >> > > > > > position > > > >> > > > > > > > > movement better then offset.. > > > > >> > > > > > > > > Let me know if you've tried it! > > > > >> > > > > > > > > On Fri, Dec 18, 2009 at 1:22 AM, Ami < > > > >> [email protected]> > > > >> > > wrote: > > > >> > > > > > > > > > Nope...this problem was happening before any of > > those > > > >> scripts > > > >> > > were > > > >> > > > > > > > > > added, unfortunately. > > > > >> > > > > > > > > > I ended up having to give up on it for a while for > > times > > > >> sake > > > >> > > and > > > >> > > > > > > > > > finish out the site despite the weird issue. >.< > > > >> Sorry. > > > > >> > > > > > > > > > Thanks so much for trying to help, you're the first > > and > > > >> only > > > >> > > one so > > > >> > > > > > > > > > far (across 3 different forums). Any other possible > > > >> tricks > > > >> > > up your > > > >> > > > > > > > > > sleeve? > > > > >> > > > > > > > > > On Dec 17, 5:17 pm, Roman Land < > > [email protected]> > > > >> wrote: > > > >> > > > > > > > > > > You could try (for testing at least) removing > > tracking > > > >> > > scripts > > > >> > > > > > you > > > >> > > > > > > > > > included > > > >> > > > > > > > > > > (google and some other ones), I see in their code > > that > > > >> they > > > >> > > are > > > >> > > > > > > > watching > > > >> > > > > > > > > > for > > > >> > > > > > > > > > > events > > > > >> > > > > > > > > > > On Fri, Dec 18, 2009 at 12:57 AM, Ami < > > > >> > > [email protected]> > > > >> > > > > > > > wrote: > > > >> > > > > > > > > > > > No luck. :( Tried lower (all the way down to 1 > > > >> fps) and > > > >> > > > > > higher > > > >> > > > > > > > (all > > > >> > > > > > > > > > > > the way to 1500fps) and it changes frequency, > > but > > > >> it's > > > >> > > still > > > >> > > > > > very > > > >> > > > > > > > > > > > obvious. > > > > >> > > > > > > > > > > > ...Any other ideas? > > > > >> > > > > > > > > > > > This is so strange!! > > > > >> > > > > > > > > > > > On Dec 17, 4:22 pm, Roman Land < > > > >> [email protected]> > > > >> > > wrote: > > > >> > > > > > > > > > > > > Hi, > > > > >> > > > > > > > > > > > > Your code looks good (except maybe that you > > are > > > >> > > creating new > > > >> > > > > > > > event to > > > >> > > > > > > > > > > > stop > > > >> > > > > > > > > > > > > bubling... but that does effect the scrolling > > > >> issue). > > > > >> > > > > > > > > > > > > I would try playing with the FPS valuehttp:// > > > >> > > > > > > > > > > >www.docs.mootools.net/docs/core/Fx/Fx > > > >> > > > > > > > > > > > > My guess that a lower value (default 50) will > > > >> resolve > > > >> > > this > > > >> > > > > > issue, > > > >> > > > > > > > but > > > >> > > > > > > > > > > > maybe > > > >> > > > > > > > > > > > > a higher one :) > > > > >> > > > > > > > > > > > > Please update if this helped.. > > > > >> > > > > > > > > > > > > On Fri, Dec 18, 2009 at 12:06 AM, Ami < > > > >> > > > > > [email protected]> > > > >> > > > > > > > > > wrote: > > > >> > > > > > > > > > > > > > Please help! I'm at my wits end trying to > > figure > > > >> this > > > >> > > out. > > > > >> > > > > > > > > > > > > > I used the Fx.Scroll effect on a website I > > > >> recently > > > >> > > > > > developed, > > > >> > > > > > > > and > > > >> > > > > > > > > > it > > > >> > > > > > > > > > > > > > works beautifully in Firefox, but on every > > > >> version of > > > >> > > IE > > > >> > > > > > the > > > >> > > > > > > > effect > > > >> > > > > > > > > > is > > > >> > > > > > > > > > > > > > shaky and a little nauseating to watch. Can > > > >> anyone > > > >> > > give me > > > >> > > > > > some > > > >> > > > > > > > > > sort > > > >> > > > > > > > > > > > > > of clue as to why this happens and what I > > can do > > > >> to > > > >> > > fix it? > > > > >> > > > > > > > > > > > > > I've tried removing all the images (its a > > very > > > >> image > > > >> > > heavy > > > >> > > > > > > > site), > > > >> > > > > > > > > > as > > > >> > > > > > > > > > > > > > well as removing the other scripts I have > > > >> running on > > > >> > > the > > > >> > > > > > same > > > >> > > > > > > > page, > > > >> > > > > > > > > > > > > > all to no avail. > > > > >> > > > > > > > > > > > > > The site URL ishttp://www.3wayevents.com. > > It's > > > >> just > > > >> > > one > > > >> > > > > > page, > > > >> > > > > > > > so > > > >> > > > > > > > > > > > > > viewing the source will reveal any and all > > of my > > > >> code > > > >> > > > > > besides > > > >> > > > > > > > the > > > >> > > > > > > > > > > > > > unaltered javascript libraries. > > > > >> > > > > > > > > > > > > > Thanks in advance! > > > > >> > > > > > > > > > > > > -- > > > >> > > > > > > > > > > > > --- > > > >> > > > > > > > > > > > > "Make everything as simple as possible, but > > not > > > >> > > simpler." > > > > >> > > > > > > > > > > > > - Albert Einstein > > > > >> > > > > > > > > > > -- > > > >> > > > > > > > > > > --- > > > >> > > > > > > > > > > "Make everything as simple as possible, but not > > > >> simpler." > > > > >> > > > > > > > > > > - Albert Einstein > > > > >> > > > > > > > > -- > > ... > > read more »
