0

Hi all,

I am using the below code to control the attributes of a jQuery slider on a website I am building. I need to make the following function change based on window size/re-size to make the slider resize and be responsive. Bit of a newbie when it comes to js so if anyone could suggest how to adapt this code based on browser resize so I can alter some of the settings for the slider that would be amazing.

  $(document).ready(
                function() {
                    $(".container").wtListRotator({
                        screen_width:534,
                        screen_height:300,
                        item_width:210,
                        item_height:75,
                        item_display:4,
                        list_align:"left",
                        scroll_type:"mouse_move",
                        auto_start:true,
                        delay:5000,
                        transition:"v.slide",
                        transition_speed:800,
                        easing:"",
                        auto_center:true,
                        display_playbutton:false,
                        display_number:false,
                        display_timer: false,
                        display_arrow:true,
                        display_thumbs:true,
                        display_scrollbar:true,
                        mouseover_select:false,
                        pause_mouseover: true,
                        cpanel_mouseover:false,                 
                        text_mouseover:false,
                        text_effect:"fade",
                        text_sync:true,
                        cpanel_align:"TR",
                        timer_align:"bottom",
                        move_one:false,
                        auto_adjust:true,
                        shuffle:false,
                        play_once:false,
                        mousewheel_scroll:true,                 
                        block_size:75,
                        vert_size:50,
                        horz_size:50,
                        block_delay:35,
                        vstripe_delay:90,
                        hstripe_delay:180                   
                    });
                }
            );

Cheers

Rich

2
Contributors
1
Reply
2
Views
5 Years
Discussion Span
Last Post by diafol
0

I may be wrong, but don't you need a resize function?

The general resize function is something like this:

$(window).resize(function() {
    //run a function
});

Edited by diafol

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.