javascript code for horizontal menu interacting with swiper

En curso Publicado hace 5 años Pagado a la entrega
En curso Pagado a la entrega

I have a swiper ([login to view URL]) implementation.

I want to have a simple horizontal scrolling menu like this: [login to view URL]

Now the functionality:

1 - Menu must be integrated with swiper's pagination

2 - if the menu has "cat dog elephant turtle sparrow dynosaur hipopotamus" when user clicks in any element, menu should displace enough in horizontal direction so that one could see the clicked element and the elements next to it, at its left and at its right.

So, if user clicks "dynosaur", "dynodur "span" chnges class (eg, bigger font-size) and menu contents move to the left so that one sees "... sparrow dynosaur hypopotamus" > elements to the left of "sparrow" can show or not, depending on the screen width.

If user clicks hypopotamus, onde there is noting to its right, it will show at least "dynosaur" and "hypopotamus".

Similar (inverted) logic if user clicks "dog" or cat.

3 - Also, when user swipes, the menu elements must change to proper position as if they had been clicked

CSS HTML HTML5 JavaScript jQuery / Prototype

Nº del proyecto: #17512076

Sobre el proyecto

9 propuestas Proyecto remoto Activo hace 5 años

9 freelancers están ofertando un promedio de €23 por este trabajo

nigamkumar09

Hello, I have experience and skills to complete this jobs, I am the suitable person for this task, I have read your description. I can do this task. Please open your chat box for more discussion. Area of Interest: PH Más

€23 EUR en 1 día
(32 comentarios)
4.2
TechDhanam

Hello Sir / Madam, I have already done this kind of task. I can able to do the work. Please contact me on chat. Thanks, Saravanan C

€8 EUR en 3 días
(5 comentarios)
1.8
lifeofcoding

I have been working in this field for 8+ years, and was recently working in downtown Gainesville FL at Mobiquity INC as mid level front-end developer, and have multiple fortune 500 company mobile & web apps under my be Más

€23 EUR en 1 día
(0 comentarios)
0.0
abdelahoubela

I'm a Full Stack JavaScript Developer, i contribute to organizational success utilizing my knowledge in HTML 5, jQuery.

€23 EUR en 10 días
(0 comentarios)
0.0
MElizabethp

Hello my name is Maria, I would like to work in this project, I’m an engineer with plenty of experience working with CSS, HTML, HTML5, Javascript, jQuery / Prototype , I have made many sililar works, so I am sure I can Más

€23 EUR en 1 día
(0 comentarios)
0.0