Responsive jQuery slider - javascript

Has anyone ever heard of a jQuery slider that is responsive and allows images with different widths?
Thanks

unoslider.heroku.com is the best responsive slider I've seen recently

http://docs.jquery.com/UI/Slider
use your own images

Sure you can use the original Slider that comes with JQuery as #cpjolicoeur mentioned above.
You may also try these following:
Responsive Image Gallery with Thumbnail Carousel
Blueberry
I have used FlexSlider on many responsive websites. But dont know why their site is down. But still you can keep that in your list.
Thanks
Shajed Evan

One good jQuery plugin that has been around for a while is CarouFredsel (yes, with Fred in the middle). Here is the link:
http://caroufredsel.frebsite.nl/
They have nice demos for responsive/fluid carousels:
http://caroufredsel.frebsite.nl/examples/responsive-carousels.php

Here is an example
http://jsfiddle.net/y2CeN/
Here also in carousel
http://jquery.malsup.com/cycle2/demo/carousel.php
Both cycle2 using jquery

Liquid Slider is one that I made. Email me if you have any questions about it. It's pretty powerful, yet simple and to the point. I have been making tutorials for it as well.

You want one of these:
http://bxslider.com/ BXSlider
http://unslider.com/ UnSlider

Related

How can I develop this kind of carousel

I am trying to develop this kind of carousel.Can anyone please help me.If I click on the carousel indicator all images should slide to one direction and In the middle white frame will be stay constant.
You could code using javascript and there are many custom javascrit libraries which helps you in doing that;
See carousel here: http://www.jssor.com/
and you can see how to develop a carousel here: https://plugins.jquery.com/tag/carousel/

How to make owlcarousel more smooth scrolling

I am looking for an image slider which can be used by touch devices as well. I don't want to reinvent the weel and found the very nice jQuery Slider
owlcarousel.
On the page http://www.skyplugins.com/sky-jquery-touch-carousel/tooltip_skin_variation.html I found an other slider.
This slider slides more smooth without interrputions which looks much more better to me. I don't understand the technique behind this slider. Whats the difference to owlcarousel? Is it possible to merge the (much more) options from owlcarousel (example easy ajax image preloading) and make them more smooth scrolling like the other one? Does the other one only use an other css animation or is it somehow related to the jquery.touch library? I would like to understand the scrolling technique behind the second slider.
I hope you can help.
Regards Sturmi

Sticky scroll for two images

I've been trying to figure out how to create a sticky scroll effect on two images, basically like this: http://www.nationalgeographic.com/americannile/
(scroll down to see you will see the four images with sticky scroll effect)
I have tried some jQuery plug-ins but still couldn't figure out how to create the effect I wanted.
Any help would be greatly appreciated, or just a point in the right direction.
Many thanks
What You want to do is apply some actions when document scroll position changes. Since You are using jQuery, there is plugin exactly for this functionality called ScrollMagic, and here are the demos.
The link you posted uses the scrollr library:
https://github.com/Prinzhorn/skrollr
I've also used this library and I just can recommend it to you. It is really easy to use, for basic animations you don't need any javascript, everything is done via data- attributes.
It even supports mobile devices to some extend.

Vertical Scrolling Effect in Javascript

I stepped a little too far over my head in a job I took this week.
I need to develop a scrolling, changing background like the one on Chevy's home page: http://www.chevrolet.com/
Something like this might suffice though: wearethescenery.bigcartel.com/
Any help would be appreciated.
There are plently of plugins available for jQuery to do just that:
25 jQuery Image Gallery/Slider Tutorials and Plugins
57+ Free Image Gallery, Slideshow And Lightbox Solutions/
You could animate the background-position.
You need a large background image for that, which might slow down the page load.
If you are not against using a javascript library, this jquery tutorial might help you solve your problem.

What's name of this article rotating feature?

I developed article rotator where 5 articles with images rotate automatically and user can focus one (and stop rotating) by mouseover. Click will open the article.
The article rotator is here: http://antizena.df.sk/ and it is just devel version.
How to name it? What is the best name for this feature?
I would call it Carousel
They are usually referred to as Carousels
Call it anything you want. But it fits into the category of carousels or images sliders. Here is a plugin similar to yours called an image rotator.
Article stack? Article pile? AutoSkip-Stack?
A carousel to me is something that spins and where you can see more than one element at a time. Similar to the coverflow on an iPod.

Categories

Resources