모바일 사용자 만위한 이미지 슬라이드 쇼?

Question

내가 한 질문이, 슬라이드 쇼의 순서가 아닌 이미지를 표시하기 위해 전 데스크톱과 태블릿에

감사

Answer 1

을 볼 만 때 모바일 사용자를위한 이미지의 슬라이드 쇼를 만들 수 어쨌든이 기본적으로 이미지를 순서대로 표시하고 display css property으로 슬라이드 쇼를 숨 깁니다.

.mySlideshowContainer { 
    display: none; 
} 

그런 다음 해상도 또는 클라이언트 장치의 크기에 따라 media queries 조건부 CSS 규칙을 포함한다.

이러한 규칙에서는 CSS 표시 속성을 다시 사용하여 슬라이드 쇼를 표시하고 표시된 이미지를 숨 깁니다.

당신은 추가하여이 슬라이드 쇼를 보여줄 수있는 클래스가 포함 슬라이드 쇼

display:none; 

에 디스플레이 속성을 추가하고 미디어 쿼리를 사용하여 slidshow을 숨길 수

Answer 2

display:initial; 

CSS

.class-name{ 
    display:none; 
    } 

및 너비가 640 이하인 작은 화면에 슬라이드 쇼를 표시하려면 미디어 쿼리 사용

@media screen and (max-width: 640px) { 
.class-name{ 
    display:initial; 
    }