Member Avatar for richcc88

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
  • 220 Views
  • 1 Hour Discussion Span
  • Latest Post Latest Post by diafol
Member Avatar for diafol

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
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.