Solved

Flash - Slider

Posted on 2014-09-03
1
239 Views
Last Modified: 2014-09-03
Please look at www.davispipe.com. Note how the main page uses a rotation of 6 images in the "main" space, smaller versions of all 6 are at the bottom. Note that the live one is partially obscured by a partially opaque area with the text. This is done with Flash.

Note also the menu, blue background to the right. Note how when a mouseover appears on a menu item, the background under the "hovered over" item is dark blue where the effect initially slides to the right. The menu is also Flash.

I want to replace both Flash with non-flash techniques for the obvious reasons. I can probably just do the menu by "manually" creating a similar effect on a mouseover but an exact replica would be nice.

Can anyone recommend Jquery or other "Sliders" that will accomplish what is done here?

Thanks
0
Comment
Question by:Richard Korts
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 40301813
I think this plugin fill some of your requirements :
http://jquery.malsup.com/cycle/

Here an exampel of using near what you have :
http://www.howtoweb.it/tutorial/realizzare-slideshow-complessi-con-jquery-cycle/

Else you need to do all separately :

Here a tuto to cycle image :
http://www.simonbattersby.com/demos/crossfade_demo_cycle_once.htm

small image in grey, color on hover :
http://addcss.com/grayscale-to-color-hover-effect-using-css/

here how to create a the list of image
http://css.maxdesign.com.au/listutorial/horizontal01.htm#
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

734 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question