Javascript slider with fade

Posted by tarmes on Pro Webmasters See other posts from Pro Webmasters or by tarmes
Published on 2012-02-10T08:48:52Z Indexed on 2012/04/10 23:45 UTC
Read the original article Hit count: 228

Filed under:

css

|

looking-for-a-script

|

JavaScript

|

css3

I've been scouring the web for a slider that offers a particular effect, but I can't find one. I'm hoping that someone here will be able to help out...

Specifically, I need a slider that will slide left and right through a series of HTML DIVs. However, I also need the old slide to fade out as it slides.

This is because I don't what to have a visible frame around the the slider, so I don't want the old slide to be cropped against an invisible edge.

It's hard to explain in words, so here's a graphic. In each case the green slide is entering the view, the red one is existing.

enter image description here

Is possible, I'd like the slide to use CSS3 transitions where available for the smoothest possible effect.

Has only ever come across such a beast?

© Pro Webmasters or respective owner

Related posts about css

HTMLUNIT Facebook javascript warning

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I am trying to create simple application that would be able to search people on facebook using given e-mail. I am already able to log into an account using the HTMLunit tool and even create a page, which should throw result of my search. But when I try to print the result as XML the file is missing… >>> More
$this->headLink() includes duplicated script

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, Just like I did before, I used the following code for my new project. <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/button.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/inputText.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/fancyTable… >>> More
How much multiple style sheets slow down to website?

as seen on Stack Overflow - Search for 'Stack Overflow'
Here is 3 css file (one is only for IE) <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print"> <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie… >>> More
mod_pagespeed is rewriting but not combining

as seen on Stack Overflow - Search for 'Stack Overflow'
I have the following problem. I installed mod_pagespeed but i am not getting the results i want! It does rewrite my css and changes the to the cache url but its not combining the css files. I have seached the web and stackoverflow for it but did not find a solution. Here are the tags <link… >>> More
CSS import or multiple CSS files

as seen on Stack Overflow - Search for 'Stack Overflow'
I originally wanted to include a .css in my HTML doc that loads multiple other .css files in order to divide up some chunks of code for development purposes. I have created a test page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional… >>> More

Related posts about looking-for-a-script

I am looking for a script where users can create groups cms/social interaction site

as seen on Pro Webmasters - Search for 'Pro Webmasters'
I am trying to find a Content Mangement/social interaction script that requires a person to be a part of a group. Specifically: My daughter is a cheerleader and there are a number of cheer groups she is involved in and also has friends in many others. A lot of them could use some kind of website… >>> More
Javascript: Looking for a script that will allow me to scroll content sideways

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi All, I'm trying to find some javascript code that I can embed on my website that will allow me to scroll content from left to right or right to left. This script here: http://www.dynamicdrive.com/dynamicindex11/scrollc2.htm Has the basic functionality that I am looking for, but it scrolls content… >>> More
Bulletin Board System with tagging, email notification

as seen on Pro Webmasters - Search for 'Pro Webmasters'
I am looking for nice BBS system, Bulletin Board System, Discussion Board, or nice in-company communication platform. There are lots of people, about 30 people, joining in our project. We would like to share idea among us on that platform. We can post questions and concerns related with the project… >>> More
Web-based CMS for mobile app

as seen on Pro Webmasters - Search for 'Pro Webmasters'
I'm just about to start developing a mobile app which needs to be fed from a CMS. I started designing the tables when I thought there must be something out there which could save me a load of time and let me concentrate on the mobile side of things. So, I'm looking for a CMS that will let me create… >>> More
Any recommended forum software for commercial/busniess discussion

as seen on Pro Webmasters - Search for 'Pro Webmasters'
I am looking to create a commercial or business trading discussion board. I plan to get a forum software to install to my hosting. My main concern is the security, as I need to ensure the discussion info is shared safely among the board members only, not lack to outsiders. Cost whether Free/Paid… >>> More