페이지가 열릴 때 이미지가 이미 커졌습니다.

저는 실제로 formum을 통해보고 있었지만 어쩌면 올바른 것을 검색 할 수 없었을 것입니다. 페이지가로드 된 후 이미 열려있는 페이지의 이미지 중 하나만 원합니다. 나는 닫을 수있는 웹 페이지에서 특별한 힌트를 생성하기 위해 그것을 사용하고 싶습니다. highslide를 사용하고 다른 스크립트를 사용하지 않는 것이 좋을 것 같습니다. 힌트가 있습니까? 감사합니다.페이지가 열릴 때 이미지가 이미 커졌습니다.

출처

2013-07-22 user2606934

이 질문은 매우 불완전하며 사용자가 정확히 원하는 것에 대한 예제 또는 제안을 제공하지 않습니다. 사례를 제시하고 문제가 어디에 놓여 있는지 설명하십시오. –

그는 페이지가로드 될 때 하나의 이미지가 자동으로 확장되기를 원한다고 생각합니다. 나는 RoadRash가 이것의 예를 가지고 있다고 확신하지만, 그녀의 사이트는 현재 오프라인 상태이다. 시간이되면 예제를 게시 할 것입니다. – MisterNeutron

페이지가로드되는 즉시 페이지에서 이미지를 열 수있는 가장 간단한 방법은 다음과 같습니다. 썸네일 및 Highslide 마크 업 내 예를 보여주고 있지만 ((가) "A HREF"라인)도 페이지에있을 필요가 없습니다 - 이벤트 리스너가 그들 없이도 작동합니다

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Highslide JS</title> 
<script type="text/javascript" src="highslide-full.min.js"></script> 
<link rel="stylesheet" href="highslide.css"> 
<script type="text/javascript"> 
    hs.graphicsDir = 'graphics/'; 
    hs.outlineType = 'rounded-white'; 
    hs.addEventListener(window, "load", function() { 
     hs.expand(null, {src: 'full-image.jpg'}); 
    }); 
</script> 
</head> 
<body> 
<div> 
<a href="full-image.jpg" class="highslide" onclick="return hs.expand(this)"> 
    <img src="thumbnail.jpg" alt="Highslide JS" title="Click to enlarge" height="120" width="107"> 
</a> 
<div class="highslide-caption"> 
    This caption can be styled using CSS. 
</div> 
</div> 
</body> 
</html>

것은 당신이 알고 있어야합니다 이 작업을 수행하려면 highslide-full.js 또는 highslide-full.min.js를 사용해야합니다.

출처

2013-07-22 14:50:01 MisterNeutron

Highslide FAQ이 주제에 대한 FAQ : http://highslide.com/forum/viewtopic.php?f=4&t=1882 – RoadRash

대단히 고마워요 - 잘 작동합니다! – user2606934

페이지가 열릴 때 이미지가 이미 커졌습니다.

답변

관련 문제