?
Solved

Flash - Slider

Posted on 2014-09-03
1
Medium Priority
?
243 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 2000 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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

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

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.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

719 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