Animated sliders with images and text - javascript

Does anyone know if any open source animate sliders exist, like the one on this Wordpress theme: http://vencorp.venmond.com/index-revolution.php
The only ones I can find are plugins for Wordpress websites, I was hoping there would be some standalone versions.
Thanks

Are you looking for a carousel/cycle type thing?
Like this? http://jquery.malsup.com/cycle/ or this http://sorgalla.com/jcarousel/

Just to clarify, I wanted something very similar to the example I showed. Other well known sliders are too basic.
I found a solution though and I thought I'd answer in case it helps anyone else.
I opted for: http://www.themepunch.com/codecanyon/revolution/liveguide/02.Sample-Fullwidth.html
...which you can buy at http://codecanyon.net/item/slider-revolution-responsive-jquery-plugin/2580848
Seems really good so far.

Related

How do you name/make something like this example (kinda fixed scrolling)

http://www.giampierocruceli.com/
How did this person achieve this? And is there any term so I can google that and maybe find a template or something.
Thanks.
It's just an on-scroll binding that overrules what should happen, then scrolls down to another element and said elements fill the entire screen. In my opinion and experience, these things are incredibly annoying to end users and extremely bug sensitive, but if you want I could write up an example for you... For googling purposes, try "Scroll full page" or something.
There are also plugins that take care of this, like this one: https://alvarotrigo.com/fullPage/#3rdPage

Hexagon effect in javascript slider

My client has been asking about a javascript slider with hexagon effect. Something like http://huracan.lamborghini.com/#!/en/gallery (click on a car, then next/previous).
I have been searching the web for a few hours now, but i can't seem to find anything!
Anybody seen this before?
Thanks for your help!
Well, quick google on transitions,javascript and css3 got me to this:
http://www.joelambert.co.uk/flux/
There is an effect named "Blocks2". You might look into the source code of that and adjust it as needed.
Let me know what you think.

battle tested jquery / javascript drop down menus

Drop Down menus are a common and almost ubiquitous UI element, and yet, I find it really hard to "pick one". before heading down the long road of rolling and "battle testing" my own, I'd like to put it out there and find out what others are using.
What are the most popular solutions for jquery, or javascript dropdown menus ?
Should be, lightweight, easy to customise and properly cross browser compatible, and at least function appropriately down to IE8.
Ones I've tried and used in the past with the best experience that meet this criteria inlcude :
Super fish - http://users.tpg.com.au/j_birch/plugins/superfish/
Dynamic Drive Smooth Menu http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm
To Clarify: looking specifically for multilevel drop down menus similar to the examples above. I'm also open to "avoid these they're sh*t" type answers if you feel so inclined.
PS: please avoid adding 5 from one of the 500 drop down menu articles that appear when first searching on google, I'd like to know about what YOU"RE using, what dropdown menus YOU love and hate.
have you tried this may be this can give you what you want
http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/
I personally have used SuperFish, in it's standard form, it's not too pretty but with quite a bit of adjustments I find it can look quite nice.
Then using something like this: http://snook.ca/archives/javascript/jquery-bg-image-animations
Demo: http://snook.ca/technical/jquery-bg/
Can make them look very cool!
After a fair amount of research and messing about, quite honestly I'm fairly disappointed with the options in this area there are a couple options but as commented above rolling my own seems to be the best way forward.

What's an easy way to get started with an interactive Javascript slideshow / image viewer?

I'm very very new to Javascript. What I'd like to do is one of those rows of smaller images, that when you click on one it pops up bigger with left and right arrows for sliding through the photos.
What's the easiest way to get started doing something like that?
Any help is greatly appreciated, thanks.
You know we're not your research site, but since you're asking for the easiest way, I'd recommend HighSlide JS. It doesn't require JQuery, is highly personalizable, comes with examples which you can just copypasta and a nice tutorial.
Of course, if you'd include the JQuery lib to your page, you could also try one of these fancier plugins. And there are also some JQuery carousel plugins as noted by #Nupul.
Check out the galleries plugins at Web Resource Depot

Two parts Homepage like tumblr start page

i bet everyone of you has seen www.tumblr.com
right on the registration page on the bottom you see the '30 reasons...' link that slides the complete page up and reveals a second one.
i found ways to do this with putting two sides into one and just scrolling to the second part, but tumblr seems to have 2 different pages there that swap somehow with a slide effect.
im pretty sure it is done with some jQuery but i have not found any more information about how to achieve something like this.
it is a question out of pure interest because i really love the effect =)
it would be great if someone would give me a hint how to do something like that.
thanks in advance,
sebastian
It is indeed a nice effect. It's a bit of a combination of CSS and javascript really. I would use jQuery for sure. I've knocked up a little jsFiddle to show you how it can be done:
http://jsfiddle.net/SufZD/

Categories