Hirdetés

Új hozzászólás Aktív témák

  • biker

    nagyúr

    Valaki csinált egy weboldalt részünkre, de nem fejezte be.
    a slider pl lapozható, de magától nem változik, csak ha én kattingatok
    ezt egyszerűen animate-el meghívhatom? gondolom ezt kellene ingereljem: function ut_slider_set_active(n)

    /**
    * UnioTech Sldier
    */

    /**
    * @return A slide-ok szélessége (int)
    */
    function ut_slider_get_width()
    {
    var w=0;
    w=$('.slider-inner').width();
    if(!w)
    {
    w=694; //force to max size
    }
    return w;
    }


    /**
    * @desc Inicializációkor és az ablakméret változásakor fut le, átméretezi a slidert és elemeit a megfelelő méretre.
    */
    function ut_slider_on_winsize_changed()
    {
    $('.slide').each(function()
    {
    $(this).css('max-width', ut_slider_get_width()+'px');
    });
    }

    /**
    * @param n A gomb indexe
    * @desc Az n-edik indexű gombhoz hozzáadja az "active" css osztályt, a többiről pedig eltávolítja azt
    */
    function ut_slider_set_active(n)
    {
    $('.slider-nav').each(function(i)
    {
    if(n==i)
    {
    $(this).addClass('active');
    }
    else
    {
    $(this).removeClass('active');

    /*
    if($(this).hasClass('active'))
    {
    $(this).removeClass('active');
    }
    */
    }
    });
    }

    /**
    * @param n a slide indexe (0-hoz képest)
    */
    function ut_slider_go(n)
    {
    w=ut_slider_get_width();
    offset=w*n;
    $('.slide').each(function(i)
    {
    $(this).css('left', (0-offset) +"px");
    });
    ut_slider_set_active(n);
    }

    function ut_slider_init()
    {
    $('.slider-nav').each(function(i) //gombok inicializálása
    {
    $(this).click(function(e)
    {
    e.preventDefault();
    ut_slider_go(i);
    });
    });

    ut_slider_on_winsize_changed(); //méret
    ut_slider_go(0); //offsetek

    $(window).resize(function() //ablak átméretezésekor frissítjük a slide -ok méretét
    {
    ut_slider_on_winsize_changed();
    });


    }

    //run ut_slider_init
    $(document).ready(function()
    {
    ut_slider_init();
    });

    Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

Új hozzászólás Aktív témák