Soy un poco nuevo en esto y estoy usando el complemento veinte veinte de ZURB . Lo hice funcionar y todo, pero quiero que el control deslizante cambie mis propiedades de .hero (de display: block; a display: none; ) para hacer que .hero2 aparezca en su lugar cuando el control deslizante se lleva completamente a la derecha, y .hero3 aparece cuando se lleva todo el camino hacia la izquierda.

Creo que necesito usar o invocar el var minMaxNumber o el var sliderPercentage del archivo jquery.twentytwenty.js :

 var minMaxNumber = function(num, min, max) { return Math.max(min, Math.min(max, num)); }; var getSliderPercentage = function(positionX, positionY) { var sliderPercentage = (sliderOrientation === 'vertical') ? (positionY-offsetY)/imgHeight : (positionX-offsetX)/imgWidth; return minMaxNumber(sliderPercentage, 0, 1); };