Slider

[Poorva]

Hi I am new to js and css .I have to built a slider on top of that I have tabs and background color is moving from left to right . Tab on which color is there image is shown according to that and with motion of color an upward arrow is also attached to current tab. Please help me with its code . Thanks in advance.

[Poorva]

No help!!!

[waylaid]

From your brief paragraph with no code it’s hard to give an answer. If you make a codepen – http://codepen.io/ – of your problem I’m sure someone will be able to point you in the right direction.

Or give it longer than 8 minutes :)

[Poorva]

http://www.pandora.net/en-us
go through this link I have to made slider like that. I hope so now I am clear.

[Poorva]

Please help me

[Paulie_D]

Please have some patience.

[Junni]

of you got that one do tell me please :P

[Paulie_D]

@Poorva.

What code do you have so far? Can you put it in Codepen?

[Poorva]

so far I have written this code:-

• BRACELETS
• CHARMS
• EARRINGS
• NECKLACES AND PENDANTS
• RINGS
• WATCHES

[waylaid]

Don’t think you want to use marquee for this :P

The example you linked to has several elements absolutely positioned on top of one another. The UL has a higher z-index so that it is above the sliding background colours and arrow. Then javascript is used to expand and contract the width of the sliding background colours.

If you use the Chrome web browser you can right click on an element to inspect it, you’ll get a panel showing you all the mark-up relating to each element and the corresponding css.

[Author]

Posts