Se solicita Ayuda cursos WP

Buenas, estoy buscando a una persona que pueda hacer con el cursor lo mismos que hay en esta página.

https://node.international/#teddycruzfonnaforman

En mi caso es un WP, con elementos, y quiero conseguir ese efecto de que cuando el slider vaya a la derecha la flecha indique ese lado, y cuando sea para la izquierda, también lo indique.

Gracias.

Envío MP, amigo

Ese efecto es sencillo, es una combinación muy simple de JavaScript con CSS, pero incluso si le agregas algo más de lógica puedes hacerlo sólo con CSS. Depende de dónde lo requieras, en el ejemplo es un image slider y tiene lógica usar ese efecto pues mejora la UX.
Yo hago plugins custom y parece que tu lo requieres es alguien que le agregue el efecto usando el Elementor, que es algo pensado no para programadores si no más bien para diseñadores, gestores y gente que no escribe código.

Te dejo el tip gratis pues ya lo dije, yo programo plugins customs y tus USD 50 no te alcanzarían para cubrir el costo de lo que suelo cobrar 😂😂😂:

usa la misma lógica de tu page de ejemplo:

<div class="wrapper">
<img src="whatever.png">
</div>

la página de ejemplo usa el event.clientX para ubicar la posición del cursor y la compara con la mitad del ancho del screen/pantalla usando window.innerWidth:

let ref = event.clientX < window.innerWidth / 2

todo claro, ok?
Entonces, si ref === true, la clase a usar será 'cursor_left' en caso contrario 'cursor_right'; lo siguiente es harto simple, al objecto en referencia: 'wrapper' le agregas dinámicamente una o la otra clase, sencillo!!!!!

Si eres diseñador, y no sabes JS te sugiero esto (y para callar a los que dirán: "solo copias lo que hace la página de ejemplo"):

<div class="wrapper">
<div class="left"></div>
<div class="right"></div>
</div>

donde 'wrapper' debe ser fixed, fixed-direction=row (que creo es el comportamiento by default), la clave es ponerle además la imagen como background, y los 1 inner divs deben tener el mismo ancho, (entiendes? de ese modo ambos ocupan el 50% del ancho) y para rematar, al div 'left' le pones el cursor que apunte a la izquierda y al otro el de la derecha!!!!!!)

espero que sirva

Hola d nuevo, 1 amigo me dijo q "'wrapper' debe ser fixed está mal", y él está en lo cierto, my mistake. Debe ser flex, entonces sí tiene sentido que sus children div tengan la propiedad 'flex-direction: row', no 'fixed-direction=row' 😅😅😅
Si no lo has terminado aún espero que t sea de utilidad y para todos quienes estén interesados en saber cómo hacerlo y así agregar 1 truco + a su chistera, les paso la url del CodePen donde lo desarrollé rápidamente:



PS: se agradecerá le den 1 rating favorable si les parece útil, también tengo mi GitHub personal:

oscaralderete - Overview

oscaralderete has 27 repositories available. Follow their code on GitHub.

github.com

donde hay varios proyectos que podrían serles de utilidad, ese lo tengo 1 poco marginado pues regularmente uso + la cuenta que me asignaron en el trabajo así q la mejor forma de agradecer estos aportes desinteresados sería rankeándolos con 1 star, se los agradeceré mucho!

josfeal93 dijo:

Buenas, estoy buscando a una persona que pueda hacer con el cursor lo mismos que hay en esta página.

https://node.international/#teddycruzfonnaforman

En mi caso es un WP, con elementos, y quiero conseguir ese efecto de que cuando el slider vaya a la derecha la flecha indique ese lado, y cuando sea para la izquierda, también lo indique.

Gracias.

Hacer clic para expandir...

Envío mp con propuesta