2014-01-24 2 views
0

크기 조정 : 내가 원하는 전체 크기로 모든 이미지를 업로드 한NextGen Nivoslider (워드 프레스) : 이미지가 여기 이미지의 슬라이드 쇼 작업 플러그인이

http://samsweet.info/

을; 모두 600 X 500 픽셀 이내입니다. 짧은 코드에서 높이/너비를 지정하지 않으면 이미지가 늘어나서 전체 컨텐트 영역을 채 웁니다. 그러나 단축 코드에서 높이와 너비를 지정하면 이미지가 반응하지 않고 창 크기를 조정할 때 "축소됩니다". 누군가가 (a) 풀 사이즈, 중앙 및 (b) 작은 창/모바일 장치에서 적절하게 크기를 조정할 때이 이미지를 얻는 방법을 안내 할 수 있습니까? 도움을 주시면 감사하겠습니다.

+0

누구든지이 문제에 대해 통찰력을 갖고 있습니까? 많은 감사합니다! – jse

답변

0

슬라이더가 div에 래핑 된 경우 div로 CSS 크기를 조정하면됩니다. 그렇게하면 이미지의 가로 세로 비율이 유지되지만 백분율 (및 최대 너비)을 계속 사용할 수 있습니다.

.slider-div{ 
    width: 80%; 
    max-width: 600px; 
} 
+0

답장을 보내 주셔서 감사합니다, 메간! 불행히도, 나는 그것을 작동시키는 것처럼 보이지 않습니다. 이미지가 여전히 크기가 조정되지 않았거나 중앙 정렬이 꺼져 있습니다 ... 이것이 일어날 수있는 상황을 제안하기 위해 nivoslider 단축 코드에 대해 충분히 알고 있습니까? 지금은 페이지의 코드입니다 : – jse

+0

'

[ngg-nivoslider gallery="4" order="random" pausetime="150000" width="600" height="500" resize="3" controlnav="false" randomstart="true" center="1" directionnav="false" keyboardnav="false" manualadvance="true" shuffle="true"]
jse

+0

흠, 나는 단축 코드를 사용한 적이 없지만 너비 = "100 %"및 높이 = "100 %"를 추가하려고 했습니까? 그런 다음 포함 div의 크기를 변경하고 여백을 추가 할 수 있어야합니다 : 필요할 경우 자동 – Meg

0

이것은 1 년 동안 내 마음을 어지럽 혔고 오늘 나는 마침내 그것을 알아 냈습니다. 그것은 뻗어있는 변화입니다. 효과 = "없음"으로 변경했을 때 효과가 있었고 더 이상 스트레칭을하지 않았습니다. 그러나 이미지 아래의 빠른 클릭 버튼이 더 이상 작동하지 않습니다. Ahhh ... 항상 무엇인가. 그러나 최소한 단서가 있습니다.