Skip to main content

Posts

Showing posts with the label slider

jquery/js gliding/sliding navigation item effect

I'm trying to decipher effects like the one seen on http://www.htmldrive.net/items/demo/71/Dynamic-navigation-menu-with-scrolling-color-glide-followed-with-jQuery but I'm not very familiar with jquery/js (unless the code is all spelled out for me) I haven't been able to find many other examples of this menu effect (I'm probably using the wrong keywords). Can anyone help me figure out how these are generally created? I'd like to do so on my site (though with a thick underline instead of highlight). Thanks! edit- I realize I can just use one of these plugins, but I'd really like to understand what's going on/do my own

jquery whole page/window slider

I'm interested in making a whole page slider like in http://littlemonsters.com/ for example. I've looked around at their code and am trying to figure out -how they did this whole page slide (which I guess is just a very big slider), and also -how although the individual 'pages' are stacked on top of each other (like a normal page), when they slide, they are sliding left and right (part of the whole slider problem I guess) It seems that for many slider plugins, they somehow horizontalize list items (whereas when I do sliders by hand I make a really really long wide list with like width 9999px and have an overflow hidden viewing window--this is probably not the best way). here's some js I found on the above site that I think holds the key but I can't understand too well/incomplete. step = (id) -> width = $(window).width() dir = 1 dir = -1 if id < curId curId = id $(".boxDisplay").animate left: -1 * dir * width , 500, "