highslide : 화면 크기가 변경되면 팝업이 중앙으로 확장됩니다.

저는 꽤 오랫동안 답을 찾고 있었지만 실제로 해결책을 찾지 못했습니다. highslide js 플러그인에 문제가 있습니다. 문제는 페이지가로드 될 때 팝업을 열면 화면 중앙에 (원하는 위치에서) 열립니다. 그러나 페이지가 다시로드되지 않고 크기가 조정되면 팝업이 더 이상 센터에 나타나지 않습니다. 심지어 닫히고 재개되었을 때. 페이지 크기가 크게 줄어들면 팝업이 화면에서 사라집니다. 내 질문 : 항상 중심에있게 할 수 있을까요?highslide : 화면 크기가 변경되면 팝업이 중앙으로 확장됩니다.

JS :

<script type="text/javascript"> 
hs.graphicsDir = 'resources/slider/graphics/'; 
hs.outlineType = 'rounded-white'; 
hs.dimmingOpacity = 0.75; 
hs.showCredits = false; 
hs.restoreCursor = null; 
hs.expandCursor = null; 
hs.maxWidth = 400; 
hs.align='center'; 
</script>

링크 :

<a href="#"onclick="return hs.htmlExpand(this, { contentId: 'content', allowWidthReduction: true})" class="highslide">Open</a>

어떤 도움을 환영합니다. 내 영어가 완벽하지 않다면 미리 감사 드리며 미안합니다. 예 : http://click.explode.lt/test입니다. 먼저 확장 한 다음 닫습니다. 페이지를 다시로드하지 않고 브라우저 창 크기를 조정하고 다시 확장 해보십시오. 팝업은 더 이상 중심에 있지 않습니다. 페이지가 다시로드되면 수정됩니다. 다시로드하지 않고 센터에 배치 할 수있는 솔루션을 찾고 있습니다.

감사합니다.

출처

2014-05-25 drew-o

당신이 라이브 데모와 같은 예를 replidace 수 있을까요? –

예, 라이브 데모가 필요합니다. 설명하는 문제가 내 경험과 일치하지 않습니다. HS는 뷰포트 크기를 변경할 때 이미지의 위치를 변경하지 않지만 팝업을 닫았다가 다시 열면 이미지가 바뀝니다. – MisterNeutron

찾아 주셔서 감사합니다. 내 질문을 예제로 편집했습니다. –

당신은 사용할 필요가 :

hs.preserveContent = false;

을하지만 당신은 Highslide 이미 제공하는 CSS 래퍼를 이용하여 모든 일을 단순화 할 수있다. 여기에 빠른 데모는, 기존의 HS "베어"예 중 하나에서 적응 것 :

(데모 페이지 제거)

출처

2014-05-26 17:36:24 MisterNeutron

나는 내 문제를 해결할 수 있었다. 고마워! –

highslide : 화면 크기가 변경되면 팝업이 중앙으로 확장됩니다.

답변

관련 문제