• Nike free run 2 pink
  • Nike free 5.0 kids
  • Oakley sunglasses discount
  • CodeAve.com CodeAve.com - JavaScript - Images
    ASP
    JavaScript
    ·Document Info
    ·Forms
    ·Images
    ·Miscellaneous
    ·Navigation
    ·Script Writers
    ·Contents
    ·What's New?
    CSS
    HTML
    Maps
    Links
    Mail List
    Search
    Sitemap


     

  • Retro 3 jordans
  • Jordan 13 retro
  • Nike free 5.0

  • Image Click
  • Air jordan 11 low
  • New Balance 996
  • Ray ban vintage sunglasses
  • JavaScript offers a wide variety of ways for you to display and navigate through images. The following example will display ten images, the numbers zero through nine, with the default display image set to zero. When any of the thumbnail images are clicked on the default image will change to that image. This script works best when all the images that are utilized are the same size as in the example.
    View the Output
    Text View
    Print View
    Mail this Link
    Download the Code

    <html>
    <title>CodeAve.com(Thumbnail Image Clicker)</title>

    <body bgcolor="#FFFFFF">
    <center>
    <img src="images/rdm0.gif" align="middle" border="0" width="40" height="44" name="large">
    <p>
    <a href="javascript:image_click(0)">
    <img src="images/rdm1.gif" width="30" height="34" name="pimage0" border=0></a>
    <a href="javascript:image_click(1)">
    <img src="images/rdm2.gif" width="30" height="34" name="pimage1" border=0></a>
    <a href="javascript:image_click(2)">
    <img src="images/rdm3.gif" width="30" height="34" name="pimage2" border=0></a>
    <a href="javascript:image_click(3)">
    <img src="images/rdm4.gif" width="30" height="34" name="pimage3" border=0></a>
    <a href="javascript:image_click(4)">
    <img src="images/rdm5.gif" width="30" height="34" name="pimage4" border=0></a>
    <a href="javascript:image_click(5)">
    <img src="images/rdm6.gif" width="30" height="34" name="pimage5" border=0></a>
    <a href="javascript:image_click(6)">
    <img src="images/rdm7.gif" width="30" height="34" name="pimage6" border=0></a>
    <a href="javascript:image_click(7)">
    <img src="images/rdm8.gif" width="30" height="34" name="pimage7" border=0></a>
    <a href="javascript:image_click(8)">
    <img src="images/rdm9.gif" width="30" height="34" name="pimage8" border=0></a>
    </center>


    <script language="JavaScript"><!--
    //thumbnail script
    image0 =new Image();
    image1 =new Image();
    image2 =new Image();
    image3 =new Image();
    image4 =new Image();
    image5 =new Image();
    image6 =new Image();
    image7 =new Image();
    image8 =new Image();

    // This defines the source of the display image 
    image0.src ="images/rdm1.gif"
    image1.src ="images/rdm2.gif"
    image2.src ="images/rdm3.gif"
    image3.src ="images/rdm4.gif"
    image4.src ="images/rdm5.gif"
    image5.src ="images/rdm6.gif"
    image6.src ="images/rdm7.gif"
    image7.src ="images/rdm8.gif"
    image8.src ="images/rdm9.gif"

    // This defines the source of the preview image 
    document.images['pimage0'].src=image0.src;
    document.images['pimage1'].src=image1.src;
    document.images['pimage2'].src=image2.src;
    document.images['pimage3'].src=image3.src;
    document.images['pimage4'].src=image4.src;
    document.images['pimage5'].src=image5.src;
    document.images['pimage6'].src=image6.src;
    document.images['pimage7'].src=image7.src;
    document.images['pimage8'].src=image8.src;

    // This defines what to do when an image is clicked on 
    function image_click(clicks)
    {
    if(clicks==0){document.images['large'].src=image0.src;}
    if(clicks==1){document.images['large'].src=image1.src;}
    if(clicks==2){document.images['large'].src=image2.src;}
    if(clicks==3){document.images['large'].src=image3.src;}
    if(clicks==4){document.images['large'].src=image4.src;}
    if(clicks==5){document.images['large'].src=image5.src;}
    if(clicks==6){document.images['large'].src=image6.src;}
    if(clicks==7){document.images['large'].src=image7.src;}
    if(clicks==8){document.images['large'].src=image8.src;}
    }
    // --></script>


    </body>
    </html>

     

     

     



    ASP: What's New? | Articles | Script Writers | Database Display | Read/Write
    Server Variables | Response Objects | Random Events | Miscellaneous
    HTML: Forms | Hyperlinks | Headers | Tables | Hyperlinks | Headers | Text Display
    JavaScript: Document Info | Forms | Images | Navigation | Script Writers
    CSS: Basics | Page Display | Text Display | Script Writers | Miscellaneous
  • 2014 michael kors
  • air max women 2013
  • 2014 michael kors
  • air max 2014
  • oakley glasses
  • oakley glasses

  • Maps: Map Script Writers | Bing Maps | Google Maps
  • bottes fr
  • ugg boot
  • Privacy Statement

    CodeAve.com is hosted by MyHosting.com
    Donate Food Online with a Mouse Click at TheHungerSite.com
    Donate Land Online with a Mouse Click at TheRainForestSite.com
    © 1999 - 2017 CodeAve.com
    All Rights Reserved

    jordan 11 gamma Nike KD VI lebron 11 low