javascript page slide. 1818 Responses

Last post: 4 months, 2 weeks ago | Thread started: Jan 17, 08, 6:48 a.m.

RespondNew TopicDisable Images

• Stugoo

  Please excuse my lack of JS knowledge but this is a personal project.

  I have a page that scrolls horizontally.
  it tiles to say 4 pages.

  I want to create an effect on that when I click on a navigation item the page will slide to the anchor point and keep it to the top left corner of the page.

  can someone point me in the direction of something like this?
  the more plugin and play the better.

  ta.
  xx

  Jan 17, 08, 6:48 a.m. – Permalink

• weestu

  mimeartist does this: http://www.mimeartist.com/ looks like he's using mootools: http://mootools.net/

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 17, 08, 6:51 a.m. – Permalink

• Stugoo

  looks pretty straight forward.

  tnx.

  nice site mime, seen it before but never said ;), forgot it scrolled sideways

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 17, 08, 6:59 a.m. – Permalink

• jonatne

  looks like he's a fan of the horizontal sliiiide

  http://www.surfaceview.co.uk/

  • Flash...– jevad1/4

    aaaah... he saved everyone of us– mimeartist2/4

    oh god mime, that was awful– kelpie3/4

    It's flash..
    But it's still sliding horizontally..– jonatne4/4

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 17, 08, 7:41 a.m. – Permalink

• Stugoo

  tis nice,
  having trouble getting this to work :(

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 17, 08, 7:47 a.m. – Permalink

• mimeartist

  Not as easy as it looks then :D

  • http://www.qbn.com/t…– mimeartist

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 17, 08, 8 a.m. – Permalink

• Stugoo

  nope, although i dont know much about js. :'( weep

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 17, 08, 8:05 a.m. – Permalink

• jonatne

  http://www.mimeartist.com/
  that code is so obtrusive..

  the site looks great and the work is awesome, but his coding job on that page is terrible

  • What is terrible about it?– mimeartist1/6

    i guess that doesn't matter if everything looks and works fine– jonatne2/6

    that wasn't the question– mimeartist3/6

    i know, i wrote that before i read your response..
    terrible is a strong word, sorry about that..
    i meant from a standard point of view.. the inline styles, obtrusive javascript, etc
    – jonatne4/6

    i meant from a standards point of view.. the inline styles and obtrusive javascript– jonatne5/6

    If its his own site why does it matter, its not like anyone else is gonna have to maintain it– modern6/6

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 17, 08, 8:09 a.m. – Permalink

• Stugoo

  I've been poking around mootoolsand script.aculo.us to see what i can see, event went to spry, for a gander

  Ive spent to long being a css monkey.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 17, 08, 8:12 a.m. – Permalink

• joyride

  can you not just borrow all the code from mimeartist? pick through that. be sure to grab the mootools.svn.js, that's the engine that makes it all work. Then there is some sort of function call, jumpTo() maybe... good luck, you'll get it

  • feel free
    – mimeartist1/2

    can i test it on mine?– omgitsacamera2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 17, 08, 8:13 a.m. – Permalink

• jonatne

  i like the way to arrows show up on the nav indicating what section your on

  a lot of the time people who use these unique types of navs lose all ounce of usability, but there is plenty going on here that keeps the user well aware of whats going on..

  that being said, i wasn't saying anything about the caliber of mimeartist's work or even this website, only the source code i saw running it

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 17, 08, 8:19 a.m. – Permalink

• Stugoo

  your right i should stop fucking about and just get stuck into it and figure it out!

  thanks for you help.
  Ill be sure to post up the final product when its done... if i ever finish it.

  • I built the site in two days– mimeartist1/4

    that's impressive– jonatne2/4

    still got to design it!
    i know what i want tho. xD
    looking at your markup i have some comments if you want to hear them?– Stugoo3/4

    not really– mimeartist4/4

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJan 17, 08, 8:30 a.m. – Permalink

• mimeartist

  Did you ever design it?

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMay 15, 08, 1:16 p.m. – Permalink

• mimeartist

  a ridiculous number of people hit my site from this page

  • http://www.google.co…– detritus1/3

    Shit, I hope I haven't just divided by zer*....frzzzznt*– detritus2/3

    i really should do a flash one really– mimeartist3/3

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 3, 08, 1:10 p.m. – Permalink

• Fizik

  mootools is pretty good with stuff like this once you figure out what 'fx' module/code you need.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 4, 08, 7:41 p.m. – Permalink

• PunchDouble

  anybody ever tried to include a script like this in a wordpress page?

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 5, 08, 6:44 a.m. – Permalink

• alicetheblue

  go over to http://www.kirupa.com/
  - its like a supermarket!

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 5, 08, 10:21 a.m. – Permalink

• Jaline

  I use the MudCorporation script for my site:
  http://mudcorporation.com/code/j…

  You can probably modify it to fit a whole page.

  • I've been looking for something like this. Thank you.– IainIainIain1/3

    you're welcome– Jaline2/3

    as allways - a keeper :-)– alicetheblue3/3

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 5, 08, 10:34 a.m. – Permalink

• omgitsacamera

  hm, any jquery ones? or maybe i can adapt my nav system to it...

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 5, 08, 1:02 p.m. – Permalink