Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

124
Vistas
Problema de cambio de tamaño del control deslizante Tweenmax después del primer disparo

Tengo un problema con un control deslizante TweenMax .

En particular, después del primer disparo básicamente cuando cambio el tamaño de la ventana, las imágenes en el div salen volando, salen de la pantalla y así sucesivamente: video del problema. .

Este es el código que estoy usando para hacer que el control deslizante funcione:

 function funct_tween() { console.log("SLIDER IMAGES EXIST NOW"); var s = $('.slider'), sWrapper = s.find('.slider-wrapper'), sItem = s.find('.slide'), btn = s.find('.slider-link'), sWidth = sItem.width(), sCount = sItem.length, slide_date = s.find('.slide-date'), slide_title = s.find('.slide-title'), slide_text = s.find('.slide-text'), slide_more = s.find('.slide-more'), slide_image = s.find('.slide-image img'), sTotalWidth = sCount * sWidth; sWrapper.css('width', sTotalWidth); var clickCount = 0; btn.on('click', function (e) { e.preventDefault(); if ($(this).hasClass('next')) { console.log("clicked next"); (clickCount < (sCount - 1)) ? clickCount++ : clickCount = 0; } else if ($(this).hasClass('prev')) { (clickCount > 0) ? clickCount-- : (clickCount = sCount - 1); } TweenMax.to(sWrapper, 0.4, {x: '-' + (sWidth * clickCount)}) var fromProperties = {autoAlpha: 0, x: '-50', y: '-10'}; var toProperties = {autoAlpha: 0.8, x: '0', y: '0'}; TweenLite.fromTo(slide_image, 1, {autoAlpha: 0, y: '40'}, {autoAlpha: 1, y: '0'}); TweenLite.fromTo(slide_date, 0.4, fromProperties, toProperties); TweenLite.fromTo(slide_title, 0.6, fromProperties, toProperties); TweenLite.fromTo(slide_text, 0.8, fromProperties, toProperties); TweenLite.fromTo(slide_more, 1, fromProperties, toProperties); }); } (function ($) { $(document).ready(function () { console.log("Slider function-document is ready"); funct_tween(); }); })(jQuery);

Y este es un fragmento que hice para mostrar el problema que tengo: JSfiddle Link . ¿Alguien sabe qué está causando este problema?

Al principio pensé que podría estar relacionado con la propiedad sWrapper que se llama una vez y no con el cambio de tamaño de la ventana, así que traté de agregar un evento que se dispara al cambiar el tamaño de la ventana;

 $(window).resize(function () { funct_tween(); });

pero no soluciono el problema...

¿Alguien podría ayudarme a solucionar dónde está el problema? Incluso simplemente señalarme la dirección correcta me ayudaría mucho.

Gracias chicos por adelantado.

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda