Javascript 단일 이미지 탐색 구현

여가 시간을 이용하여 JavaScript 언어를 학습할 때 한 장의 그림을 조회하는 링크의 예를 썼습니다.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> Image Gallery </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

 </HEAD>

<script language="javascript">

function showPic(whichpic){

    var source=whichpic.getAttribute("href");// href 

    var placeholder=document.getElementById("placeholder");// 

    placeholder.setAttribute("src",source);// src, 

    var text=whichpic.getAttribute("title");// title 

    var description=document.getElementById("description");

    description.firstChild.nodeValue=text;// <p>

    //  description.childNodes[0].nodeValue=text;

}

</script>

 <BODY>

  <h1>Javascript  </h1>

  <ul>

    <li>

        <a href="images/fireworks.jpg" title="Image1" onclick="showPic(this); return false;"> </a>

    </li>

    <li>

      <a href="images/coffee.jpg" title="Image2" onclick="showPic(this); return false;"> </a>

    </li>

    <li>

      <a href="images/rose.jpg" title="Image3" onclick="showPic(this); return false;"> </a>

    </li>

    <li>

      <a href="images/bigben.jpg" title="Image3" onclick="showPic(this); return false;"> </a>

    </li>

  </ul>

  <img id="placeholder" src="images/placeholder.gif" alt="my image gallery" />

  <p id="description"> .</p>

 </BODY>

</HTML>

참고:
탭 에 이벤트를 추가하면 점프를 하지 않도록 주의해야 합니다.
해결 방법: 함수가false로 되돌아오기;이벤트는 링크가 클릭되지 않았다고 생각합니다.
만약 href의 값이javascript:void(0)라면;안 뛰어도 돼요.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Javascript에서 Math.max와 Math.max.apply의 차이점과 용법 상세 설명

최근에 작은 사례를 만들 때 Math를 만났어요.max.apply라는 용법은 이전에 보기 드물게 재미있게 느껴졌으니 기록해 보세요. 1Math.max 문법:Math.max(n1,n2,n3,...,nX)반환값:max(...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

Javascript 단일 이미지 탐색 구현

좋은 웹페이지 즐겨찾기