[Webinar] Streamline your web hosting managementRegister Today

x
?
Solved

Flash - Slider

Posted on 2014-09-03
1
Medium Priority
?
247 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
1 Comment
 
LVL 83

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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

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.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
Suggested Courses

640 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