Javascript - list meni galerija

Javascript koji prikazuje razlicite slike koje odabiramo iz list-menija.

primer:

pogledajte primer>>>

Upotreba: kod ispod kopirajte u head i body sekciju Vaše stranice.

Head kod:

- nije potreban HEAD kod

Body kod:

<SCRIPT language="JavaScript">

/*
Script posted and featured on JavaScript Kit
http://javascriptkit.com
*/

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 " +
"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();
    }
</SCRIPT>


<FORM>
<select NAME="imagename" onChange="display_image(this.form)">
<option value="http://www.javascriptkit.com/abstract.gif" SELECTED>Image 1 
<option value="http://www.javascriptkit.com/day.gif">Image 2 
<option value="http://www.javascriptkit.com/night.gif">Image 3 
</select>
</FORM>

Dodatni fajlovi: -nema

Novosti:

Partner sajta iz nagradne igre :

početna > Download > javascript - list-meni galerija

Design by sajt-dizajn grupa