[Solved] background image change on hover/click

[devil3682116]

I want to change the color of car exactly like this site “http://www.ford.com/cars/focus/”, I want to have color elements in ul li and the background images as it is in the site with lesser css or jquery, any help?

[Paulie_D]

What have you tried so far?

[devil3682116]

If you say I’ll stop asking question in this forum

[devil3682116]

I like this one http://www.htmldrive.net/items/show/1257/jQuery-useful-Product-Colorizer-Plugin-

and this one http://www.htmldrive.net/items/show/1064/jQuery-Custom-Change-background-effect

but cant get through

even i tried to filter the ford site i mentioned in my question

but there are many unused css and javascripts so i didnt tried.

it needs these to run
1)var __params = { site : “bs” , peflip : “#” , model : “Focus2014” , vehicleLifeCycle : “launch” , metricsname : “focus” , modelName : “Focus” , ngpID : “Focus” , year : “2014” , make : “Ford” , segment : “cars” , baseURL : “#” , canonicalURL : “/cars/focus/” , anchorPage : “page” , domain : “#” }; window._NGBSDEBUG = false;

2)library-aggregate-head.js
3)template-aggregate-head.js
4)

<

script type=”text/javascript”>
YAHOO.util.Event.onDOMReady(function () {
getMetricsOutputPath();….(it is a bit lengthy)
5) library-aggregate.js
6)template-aggregate.js
7)

YAHOO.util.Event.onDOMReady( function(){
_instances.bsLoader.init();
}) ;

if i remove anyone then that script dont work.. :( kinda fraustrated. and yes thanks for getting into my nerve expert!

[Paulie_D]

What the Ford site does is overlay a new bg image (presumably using a fade function to smooth things out based on the ‘color’ being clicked.

[devil3682116]

@JUSTDAN AND @PAULIE_D : thanks!

[Author]

Posts