Deaktivieren/aktivieren Sie touch-Ereignisse auf flexslider

Im mit flexslider schieben einige Inhalte: http://iea.uili.com.br/v4/
die Sache ist, dass ich whant, zu deaktivieren, berühren Sie wenn die zoom-in und aktivieren Sie wieder, wenn zoom, das gleiche für die Tastatur-Steuerung!

hier ist die Funktion, wenn ich auf jedes Gebäude zu vergrößern

function janelas(){     
      $('.popup').click(function() { 
        var $id = $(this).attr('class').split(' ')[2];
        $('.menu_janela').fadeOut('fast');

        $("ul.flex-direction-nav").addClass('hide');
        setTimeout(function(){
            console.log('.'+$id+'-popup')
            $('.'+$id+'-popup').fadeIn('fast');
        },600);
      });   

}

hier ist die Funktion wenn die zoom-out -

function fecha(){
    $('.fechaa').click(function()  { 
        $("ul.flex-direction-nav").removeClass('hide');
        $('.menu_janela').fadeOut();
        $('.view1').click();
    });

    $('.fechab').click(function()  { 
        $("ul.flex-direction-nav").removeClass('hide');
        $('.menu_janela').fadeOut();
        $('.view2').click();
    });

    $('.fechac').click(function()  { 
        $("ul.flex-direction-nav").removeClass('hide');
        $('.menu_janela').fadeOut();
        $('.view3').click();
    });

    $('.zoomContainer').click(function()  { 
        $("ul.flex-direction-nav").removeClass('hide');
        $('.menu_janela').fadeOut();
    });
}

und hier ist die Funktion für die regler

function Slider(){
    $captions = $('.captions');
        $('.flexslider').flexslider({
        animation: "slide",
        slideshow: false,
        animationSpeed: 1500,
        controlNav: false,
        keyboard: true,
        touch: true,
        start: function(slider) {
            $activecaption = $('.flex-active-slide .flex-caption');
            $captions.html($activecaption.text()); 
            $('.loading-container').fadeOut(function() {
              $(this).remove();
            });
            $('.centro').centro();

            janelas();
            fecha();
        },
        before: function(slide) {

        },
        after: function(slide) {
            $activecaption = $('.flex-active-slide .flex-caption');
            $captions.html($activecaption.text());

        },
        end: function(slide) {
        },
    });
}

InformationsquelleAutor Willy Werlang | 2013-08-10

  1. 1

    Ich hatte ein ähnliches problem, aber ich musste den Schieberegler deaktivieren, wenn der Benutzer wählt einen text aus jeder der Folien -, weil, wenn Sie einen text auswählen nach, schieben Sie den Schieberegler - die Auswahl bleibt sichtbar, obwohl Sie auf einer anderen Folie. Ziemlich komisch 🙂 ...
    Also, was ich getan habe ist:

    1. Gemacht, eine Funktion, die aufgerufen wird, auf jeden 200ms und definiert eine Globale variable auf true oder false, abhängig davon, ob text ausgewählt ist oder nicht.

    2. Wurden drei if-Anweisungen in den slider-code, der prüft diese variable, und wenn es einen markierten text - dann bin ich nicht die änderung der Folie.

    Den drei Orten sind in dem onTouchStart, onTouchMove und onTouchEnd interne Rückrufe, und der code in Ihnen wird nur ausgeführt, wenn kein text ausgewählt ist.

    Ich bin immer noch verbessern, aber beschlossen, zu teilen, den Fortschritt so weit 🙂 ...

    InformationsquelleAutor pesho hristov

  2. 0

    Beispiel:

    if ($('#flexslider').length > 0) {
    var Len = $('#flexslider li').length;
    var Len;
    if(Len >1){
        swipe = true;
    }
    else{
       swipe = false;   
    }
    $('#flexslider').flexslider({
        animation: "slide",
        controlNav: false,
        touch:swipe,
        after: function(slide) {
            //console.log(slider....);
        }

    });
}

    InformationsquelleAutor Anup

Schreibe einen Kommentar