How to make a die with colors when you hover it changed the image on the slider?

There is a slider, bottom-hover-panel blocks, with a group of 5 shades. When guidance appears dice is deployed 5 shades. The block groups are arranged in several rows, if one row is greater than 12 groups.

· On hover on the block with a group of colors should line up and stick together in one picture like this:
402c21a30948467bb55469b1f3db4c92.png· Hover on a single shade you see only one picture:
1543473ebd024103bfda11ab19ab53ee.png

Question: what is the easiest way to implement it? how to organize pictures ?
July 4th 19 at 23:49
2 answers
July 4th 19 at 23:51
You can even make a color for the background, and the bottle is png
Or so https://jsfiddle.net/joomla/tu8nc3xa/ ;)
Bottles and so format .png (forgot to write). The unit group of shades is also possible as image set, hover to open the tooltip with the color palette. The problem is different: How the pas to implement the change of pictures ? - Laurie.Lowe commented on July 4th 19 at 23:54
the link to a website with a slider let. - Bernie commented on July 4th 19 at 23:57
: http://stellary.ru/catalog/ногти/50/62 - Laurie.Lowe commented on July 5th 19 at 00:00
stellary.ru/catalog/%D0%BD%D0%BE%D0%B3%D1%82%D0%B8... - Laurie.Lowe commented on July 5th 19 at 00:03
July 4th 19 at 23:53
look in the slider colback functions. love is a transition to a slide by number. well, hang on these buttons these transitions to a particular slide

Find more questions by tags CSSHTMLjQuery