2012-02-24 2 views
0

그래서 예를 들어 예를여러 이미지는 온 클릭 다른 이미지를 유지

<a href ="someimage.jpg"><img src="someimage.jpg"/></a> 
    <a href ="someimage2.jpg"><img src="someimage2.jpg"/></a> 
    <a href ="someimage3.jpg"><img src="someimage3.jpg"/></a> 
    <a href ="someimage4.jpg"><img src="someimage4.jpg"/></a> 

에 대한

를 클릭 할 때 내가 첫 번째 이미지를 클릭하면 나머지를 숨기지 않고 이미지를 볼 수있는 방법을 찾기 위해 노력하고있다 그것은 새로운 창문에서 열립니다. 그리고 그것은 이 이미지들을 스크롤 할 수 있기를 바랍니다. 나는 그 다음에 "다음"을 클릭함으로써 다음 이미지로 갈 수있는 것을 좋아할 것입니다.

+0

이전 질문으로 돌아가서 답변을 수락하십시오. 그들 중 일부는 꽤 좋았으며 분명히 많은 생각을했습니다. – zellio

답변

0

브라우저에서 이미지를 직접 호출하면 파일이 포함 된 html 페이지가 아닌 해당 파일이 반환됩니다. 귀하의 경우이 기능을 처리하는 페이지를 작성해야합니다.

javascript/jquery가 옵션인지 여부는 언급하지 않지만 내 의견으로는 가장 쉬운 해결책 일 것입니다.

기본 슬라이드 쇼를 처리하려면 jquery carousel과 같은 것을 찾으십시오.

그리고 이것이 답을 찾지 못하면 html, css 및 image의 한계에 부합하는 해결책이 각 이미지에 대해 개별 html 페이지를 만들고 다음 이미지를 하드 코딩해야합니다. 그리고 이전 연결 ... 각자 ... 좋은 ol 구식 방법.

... headers 
<body> 
    <img src="someimage.jpg" alt=""><br> 
    <a href="anotherimage.html">Previous</a> | <a href="someimage2.html">Next</a> 
</body> 
0

http://fancybox.net/ 이미지가 라이트 박스의 유형에 표시를 갖는위한 좋은 자바 스크립트 타입 플러그인을 가지고 있습니다. 그렇지 않으면 "jquery image zoom plugin"을 검색하십시오. 그게 당신에게 좋은 플러그인을 제공해야 자바 스크립트가 당신을 위해 작동합니다.