| Internet 관련 자료 |
|---|
|
|
|
| 제목 | [JavaScript] Image Preview 1998/10/07 (13:20) |
| 이름 | 김효원 |
| 번호 | 38 |
| 조회 | 476 |
| 본문 |
<!-- THREE STEPS TO INSTALL IMAGE PREVIEWER: 1. Paste the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document 3. Change the URLs to point to your server and images! --> <!-- STEP ONE: Copy this code into the HEAD of your HTML document --> <HEAD> <SCRIPT language="JavaScript"> <!-- Original: Paul Colton --> <!-- This script and many more are available online from --> <!-- The JavaScript Source!! http://javascriptsource.com --> <!-- Begin function display_image(form) { selectionname = form.imagename.options[form.imagename.selectedIndex].text; selection = form.imagename.options[form.imagename.selectedIndex].value; PreView = window.open("", "Preview", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,copyhistory=0,width=200,height=255"); PreView.document.open(); PreView.document.write("<HTML><HEAD>"); PreView.document.write("<TITLE>Preview</TITLE>"); PreView.document.write("</HEAD><BODY BGCOLOR=FFFFFF TEXT=000000>"); PreView.document.write("<FORM><CENTER><B><FONT SIZE=+1>" + selectionname + "</FONT></B><HR>"); PreView.document.write("<IMG HSPACE=0 VSPACE=0 HEIGHT=150 WIDTH=150 " + "SRC='" + selection + "'>"); PreView.document.write("<HR><FORM><INPUT TYPE='button' VALUE='Close' " + "onClick='window.close()'></FORM>"); PreView.document.write("</CENTER>"); PreView.document.write("</BODY></HTML>"); PreView.document.close(); } // End --> </SCRIPT> <!-- STEP TWO: Put this code into the BODY of your HTML document --> <BODY> <CENTER> <FORM> <select NAME="imagename" onChange="display_image(this.form)"> <option value="logo.gif" SELECTED>Select An Image <option value="palmtree.gif">Palm Trees <option value="sunset.gif">Sunset </select> </FORM> </CENTER> <!-- STEP THREE: Change the URLs to point to your server and images! --> |
|
|
|