Full page width slider - javascript

I am currently creating a website which at the top of the page I am trying to create a slider which when you use next and previous buttons, the content below changes to match that item.
For example, Honda Bikes has this which is shown in the image below. I am after something exactly like this with content changing below the slider to match the item. I have had a look at the page, and it seems like they are using some kind of jQuery carousel.
If someone has a link to a, I presume, jQuery plugin that would be a great help to get me started.

It looks to me like Honda created their own jQuery carousel plugin.
There are plenty of great slideshow plugins available, here's a cool jQuery slideshow included on the Honda site.

Top 10 jQuery Carousel Plugins For 2013 has a couple of good ones.

I would recommend this plugin: jQuery Cycle plugin. It's easy to use, flexible and has many features.

Related

Hide Element on onepage-scroll.js site

right now I'm building a site using Pete R.'s 'onepage-scroll.js' plugin you can find
HERE.
I'm also using Bootstrap and what I want to do is hiding bootraps horizontal nav-bar when on the first 'site' and show it on all the other 'sites' (by sites I mean the different sections this plugin uses). My first idea was to create something like a .hideit css-class and tell jQuery to overwrite it whenever the visible section is not the first, but after trying it for hours I can't find the solution - hope you can help me!

Jquery plugin with continuous scroll like news ticket

I am looking for a customisable news ticker style jQuery plugin with:
Continuous scroll
Buttons left/right
Pause on hover
I have found liScroll which does exactly like I want but with no left/right buttons.
Well I found this site dedicated to similar functionality. It may not be what you're looking for, though... http://www.jquerynewsticker.com/.
Alternatively maybe this BBC style news ticker?? Just try searching through the jQuery plugins library and I'm sure you'll find something. Everything is documented well enough that you should pickup what you need to do as far as customizations.
Resource: http://plugins.jquery.com/

External control and hovering of jQuery UI Carousel 1.0.2

Recently I'm working with jQuery UI Carousel (1.0.2) on my Drupal website. So far so good, everything is working without a problem but I'm looking for a way to add some external controls. You know, those little dots beneath the images where the user can navigate from and pinpoint a certain slide.
I took a look to the JS file (you can see it here), but didn't find any proof of such a controls.
Right now, I was only able to write some crappy code who didn't work at all... (so I'm not gonna post it to save you some laughs :))
Anyone with some experience regarding this subject?
Thanks in advance!
I don't have specific experience with the jQuery UI Carousel module, but if you are using Views to generate the content in the carousel, you could always use Views Slideshow. It allows you to add a pager (either numbers or thumbnail images) to your slideshow (carousel).

How do I make image slideshows with a fold effect?

Back in 2000 I had a js that let me get a very nice homepage:
one picture: <pic src=x>
and somehow the js changed the main picture every a predefined time period.
(there was a pictures pool that was loaded at pageload)
I can find such scripts now but cannot find one with fold effect
(like folding a page in a book)
The closet I got was a jQuery solution - but I don't know this technology and I prefer the JS. Can you please give me a reference to such solution?
A quick Google search on page fold effects I found this js library:
http://www.netzgesta.de/curl/
There's also a jQuery plug-in for a very similar effect at:
http://www.webresourcesdepot.com/attractive-jquery-page-curl-plugin/
Is it what you're looking for?

jquery image slideshow with links per image

i'm in search of a simple jquery image flipper/fader, that will cycle through a bunch of images, each of them with it's own link.
the flipper will be used like so: my client wants to display logos of his own clients in succession where each logo will link to the respective website.
i know this can be implemented in flash, but i (and my client) think it would be cool if it's implemented in jquery in such a way that the outgoing links are visible to google. i have seen some jquery plugins and code that implement galleries, but they were either too complex or too simple, anyone got a code snipplet that would do this?
google the cycle plugin

Categories

Resources