Question

我目前正在使用Slick Slider开始在我的网页上创建自适应的滑块。

但我希望滑块将所有图像转换为垂直列表。全屏时它将是水平全宽，然后当它进入移动状态时，所有图像将被分割为垂直视图。

我试图在w3school中搜索“media”方法来改变CSS文件，如下所示：

int length;

int *callfunction(int x){
    int temp=x;
    int Y;
    static int r[1000];

    if(temp==0 || temp==1){
        Y=1;    // for a
    }
    else if(temp==2 || temp==3){
        Y=2;    //for b
    }
    else if(temp==4 || temp==5){
        Y=3;    //for c
    }
    else if(temp==6 || temp==7){
        Y=4;    // for d
    }
        for(int i =0;i<length;i++){
        r[i]=Y;
    }
    return r;
}

int main(){
    int i,j,k,*p[1000];
    char string[100];
    char string1[]={'A','a','B','b','C','c','D','d'};
    const char* string2[]={"•-","-•••", "-•-•","-••"};
    printf("Enter a string:");
    gets(string);
    printf("The entered string is:%s\n",string);
    length= strlen(string);
    printf("Length=%d\n",length);

    for(j=0;j<length;j++){
        for(i=0;i<8;i++)
            if(string1[i]==string[j]){
                p[i] = callfunction(i);
            }
        }
        for(i=0;i<length;i++){
            printf("%d",p[i]);  //I want display the Y number here
            printf("\n");
        }

    getchar();
    return 0;
}

但没有运气，根本没有回应。如何使滑块与Square Space相同？或者我可以尝试其他任何方法吗？谢谢！

Answer 1

您需要jQuery才能执行此操作。为方便起见，光滑允许您使用一个属性垂直转动滑块。你的代码应该是这样的：

var wrapper = $("#wrapper-id-on-mobile");  

     wrapper.slick({   
      //some attributes    
        vertical: true
      });

CSS响应滑块在移动时变为垂直

1 个答案: