Tuesday, August 14, 2012

AUTO SLIDE

under .aspx
============

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>IMImobile </title>
  
    <link href="xmls/stylesheet/hdr_320.css" type="text/css" rel="stylesheet" />

    <link href="css/pms.css" rel="stylesheet" type="text/css" />
   

  <script src="scripts/BasicCarousel.js" type="text/javascript"></script>
    <link href="css/BasicCarousel.css" rel="stylesheet" type="text/css" />
 


    <script src="jscript/Search.js" type="text/javascript"></script>



    <meta content="width=device-width, user-scalable=yes, target-densitydpi=device-dpi" name="viewport" />
   


   <script type="text/javascript" language="javascript">


       var selectedCount = 0;
       var element;

        var dimages = new Array();
        var numImages = 5;
        for (i = 0; i < numImages; i++) {
            dimages[i] = new Image();
            dimages[i].src = "../AACAROSAL/images/image" + (i + 1) + ".jpg";
        }
        var curImage = -1;

        function swapPicture() {

         
            if (document.images) {
                var nextImage = curImage + 1;
                if (nextImage >= numImages)
                    nextImage = 0;
                if (dimages[nextImage] && dimages[nextImage].complete) {
                    var target = 0;
                    if (document.images.myImage)
                        target = document.images.myImage;
                    if (document.all && document.getElementsByTagName("img"))
                        target = document.getElementsByTagName("img");
                 
                   
                    document.getelementsbyname
                    // make sure target is valid
                    if (target) {
                        document.myImage.src = dimages[nextImage].src;
                        curImage = nextImage;
                    }
                    setTimeout("swapPicture()", 3000);
                }
                else {
                    setTimeout("swapPicture()", 3000);
                }
            }
        }
        setTimeout("swapPicture()", 3000);

    </script>

</head>
<body data-role="page">
    <div data-role="page">
        <div id="divHeader">
            <div style="vertical-align: middle;" class="TAB">
                <div style="vertical-align: middle;" class="">
                    <span align="left" class="MBL">
                        <img border="0" src="images/Section/img_logo_08082012105304.jpg" /></span><span align="left"
                            class="MBR"><img border="0" src="images/Section/home_icon_Small_08082012105317.gif" /></span></div>
            </div>
            <div class="SP">
            </div>
            <div style="vertical-align: middle;" class="TAB">
                <div style="width=100%; vertical-align: top;">
                    <div id="RSS0" width="100%">
                        <table cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td width="10%" align="left">
                                    <a style="border: none; cursor: pointer;" onclick="return MoveCarousel(5,0,'BULLET00');">
                                        <img  src="jscript/carouselR.jpg" border="0" onclick="return MoveCarousel(5,0,'BULLET00');" /></a>
                                </td>
                                <td width="80%" align="left" style="vertical-align: top">
                                    <div style="text-align: left;">
                                        <img id="myImage" NAME="myImage" src="images/Event/test12345/sport_320_07082012113756.gif" class="GE01" /><span><a
                                            href="?low=h">Articel1</a></span></div>
                                </td>
                                <td width="10%" align="right">
                                    <a onclick="return MoveCarousel(5,1,'BULLET00');" style="border: none; cursor: pointer;">
                                        <img src="jscript/carouselL.jpg" onclick="return MoveCarousel(5,1,'BULLET00');" border="0" /></a>
                                </td>
                            </tr>
                        </table>
                        <div style="text-align: center; padding-bottom: 8px;">
                            <a style="border: none; cursor: pointer" onclick="return MoveCarousel(5,0,'BULLET00');">
                                <img border="0" id="BULLET00" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,0,'BULLET00');" /></a><a
                                    style="border: none; cursor: pointer" onclick="return MoveCarousel(5,1,'BULLET11');"><img
                                        border="0" id="BULLET11" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,1,'BULLET11');" /></a><a
                                            style="border: none; cursor: pointer" onclick="return MoveCarousel(5,2,'BULLET22');"><img
                                                border="0" id="BULLET22" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,2,'BULLET22');" /></a><a
                                                    style="border: none; cursor: pointer" onclick="return MoveCarousel(5,3,'BULLET33');"><img
                                                        border="0" id="BULLET33" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,3,'BULLET33');" /></a><a
                                                            style="border: none; cursor: pointer" onclick="return MoveCarousel(5,4,'BULLET44');"><img
                                                                border="0" id="BULLET44" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,4,'BULLET44');" /></a></div>
                    </div>

                    <script type="text/javascript">MoveCarousel(5,'0','BULLET000')</script>

                    <div id="RSS1" width="100%">
                        <table cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td width="10%" align="left">
                                    <a style="border: none; cursor: pointer;" onclick="return MoveCarousel(5,0,'BULLET01');">
                                        <img src="jscript/carouselR.jpg" border="0" onclick="return MoveCarousel(5,0,'BULLET01');" /></a>
                                </td>
                                <td width="80%" align="left" style="vertical-align: top">
                                    <div style="text-align: left;">
                                        <img   id="myImage1" src="images/Event/test12345/gesamer_320_07082012113820.gif" class="GE01" /><span><a
                                            href="?low=h">Articel2</a></span></div>
                                </td>
                                <td width="10%" align="right">
                                    <a onclick="return MoveCarousel(5,2,'BULLET01');" style="border: none; cursor: pointer;">
                                        <img src="jscript/carouselL.jpg" onclick="return MoveCarousel(5,2,'BULLET01');" border="0" /></a>
                                </td>
                            </tr>
                        </table>
                        <div style="text-align: center; padding-bottom: 8px;">
                            <a style="border: none; cursor: pointer" onclick="return MoveCarousel(5,0,'BULLET00');">
                                <img border="0" id="BULLET00" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,0,'BULLET00');" /></a><a
                                    style="border: none; cursor: pointer" onclick="return MoveCarousel(5,1,'BULLET11');"><img
                                        border="0" id="BULLET11" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,1,'BULLET11');" /></a><a
                                            style="border: none; cursor: pointer" onclick="return MoveCarousel(5,2,'BULLET22');"><img
                                                border="0" id="BULLET22" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,2,'BULLET22');" /></a><a
                                                    style="border: none; cursor: pointer" onclick="return MoveCarousel(5,3,'BULLET33');"><img
                                                        border="0" id="BULLET33" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,3,'BULLET33');" /></a><a
                                                            style="border: none; cursor: pointer" onclick="return MoveCarousel(5,4,'BULLET44');"><img
                                                                border="0" id="BULLET44" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,4,'BULLET44');" /></a></div>
                    </div>

                    <script>MoveCarousel(5,'0','BULLET000')</script>

                 <div id="RSS2" width="100%">
                        <table cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td width="10%" align="left">
                                    <a style="border: none; cursor: pointer;" onclick="return MoveCarousel(5,1,'BULLET02');">
                                        <img src="jscript/carouselR.jpg" border="0" onclick="return MoveCarousel(5,1,'BULLET02');" /></a>
                                </td>
                                <td width="80%" align="left" style="vertical-align: top">
                                    <div style="text-align: left;">
                                        <img  src="images/Event/test12345/les_320_07082012113830.gif" class="GE01" /><span><a
                                            href="?low=h">Articel3</a></span></div>
                                </td>
                                <td width="10%" align="right">
                                    <a onclick="return MoveCarousel(5,3,'BULLET02');" style="border: none; cursor: pointer;">
                                        <img src="jscript/carouselL.jpg" onclick="return MoveCarousel(5,3,'BULLET02');" border="0" /></a>
                                </td>
                            </tr>
                        </table>
                        <div style="text-align: center; padding-bottom: 8px;">
                            <a style="border: none; cursor: pointer" onclick="return MoveCarousel(5,0,'BULLET00');">
                                <img border="0" id="BULLET00" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,0,'BULLET00');" /></a><a
                                    style="border: none; cursor: pointer" onclick="return MoveCarousel(5,1,'BULLET11');"><img
                                        border="0" id="BULLET11" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,1,'BULLET11');" /></a><a
                                            style="border: none; cursor: pointer" onclick="return MoveCarousel(5,2,'BULLET22');"><img
                                                border="0" id="BULLET22" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,2,'BULLET22');" /></a><a
                                                    style="border: none; cursor: pointer" onclick="return MoveCarousel(5,3,'BULLET33');"><img
                                                        border="0" id="BULLET33" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,3,'BULLET33');" /></a><a
                                                            style="border: none; cursor: pointer" onclick="return MoveCarousel(5,4,'BULLET44');"><img
                                                                border="0" id="BULLET44" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,4,'BULLET44');" /></a></div>
                    </div>

                    <script>MoveCarousel(5,'0','BULLET000')</script>

                    <div id="RSS3" width="100%">
                        <table cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td width="10%" align="left">
                                    <a style="border: none; cursor: pointer;" onclick="return MoveCarousel(5,2,'BULLET03');">
                                        <img src="jscript/carouselR.jpg" border="0" onclick="return MoveCarousel(5,2,'BULLET03');" /></a>
                                </td>
                                <td width="80%" align="left" style="vertical-align: top">
                                    <div style="text-align: left;">
                                        <img   src="images/Event/test12345/meteo_320_07082012113840.gif" class="GE01" /><span><a
                                            href="?low=h">Articel4</a></span></div>
                                </td>
                                <td width="10%" align="right">
                                    <a onclick="return MoveCarousel(5,4,'BULLET03');" style="border: none; cursor: pointer;">
                                        <img src="jscript/carouselL.jpg" onclick="return MoveCarousel(5,4,'BULLET03');" border="0" /></a>
                                </td>
                            </tr>
                        </table>
                        <div style="text-align: center; padding-bottom: 8px;">
                            <a style="border: none; cursor: pointer" onclick="return MoveCarousel(5,0,'BULLET00');">
                                <img border="0" id="BULLET00" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,0,'BULLET00');" /></a><a
                                    style="border: none; cursor: pointer" onclick="return MoveCarousel(5,1,'BULLET11');"><img
                                        border="0" id="BULLET11" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,1,'BULLET11');" /></a><a
                                            style="border: none; cursor: pointer" onclick="return MoveCarousel(5,2,'BULLET22');"><img
                                                border="0" id="BULLET22" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,2,'BULLET22');" /></a><a
                                                    style="border: none; cursor: pointer" onclick="return MoveCarousel(5,3,'BULLET33');"><img
                                                        border="0" id="BULLET33" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,3,'BULLET33');" /></a><a
                                                            style="border: none; cursor: pointer" onclick="return MoveCarousel(5,4,'BULLET44');"><img
                                                                border="0" id="BULLET44" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,4,'BULLET44');" /></a></div>
                    </div>

                    <script>MoveCarousel(5,'0','BULLET000')</script>

                    <div id="RSS4" width="100%">
                        <table cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td width="10%" align="left">
                                    <a style="border: none; cursor: pointer;" onclick="return MoveCarousel(5,3,'BULLET04');">
                                        <img src="jscript/carouselR.jpg" border="0" onclick="return MoveCarousel(5,3,'BULLET04');" /></a>
                                </td>
                                <td width="80%" align="left" style="vertical-align: top">
                                    <div style="text-align: left;">
                                        <img  src="images/Event/test12345/Growth_320_07082012113848.gif" class="GE01" /><span><a
                                            href="?low=h">Articel5</a></span></div>
                                </td>
                                <td width="10%" align="right">
                                    <a onclick="return MoveCarousel(5,4,'BULLET04');" style="border: none; cursor: pointer;">
                                        <img src="jscript/carouselL.jpg" onclick="return MoveCarousel(5,4,'BULLET04');" border="0" /></a>
                                </td>
                            </tr>
                        </table>
                        <div style="text-align: center; padding-bottom: 8px;">
                            <a style="border: none; cursor: pointer" onclick="return MoveCarousel(5,0,'BULLET00');">
                                <img border="0" id="BULLET00" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,0,'BULLET00');" /></a><a
                                    style="border: none; cursor: pointer" onclick="return MoveCarousel(5,1,'BULLET11');"><img
                                        border="0" id="BULLET11" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,1,'BULLET11');" /></a><a
                                            style="border: none; cursor: pointer" onclick="return MoveCarousel(5,2,'BULLET22');"><img
                                                border="0" id="BULLET22" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,2,'BULLET22');" /></a><a
                                                    style="border: none; cursor: pointer" onclick="return MoveCarousel(5,3,'BULLET33');"><img
                                                        border="0" id="BULLET33" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,3,'BULLET33');" /></a><a
                                                            style="border: none; cursor: pointer" onclick="return MoveCarousel(5,4,'BULLET44');"><img
                                                                border="0" id="BULLET44" class="TE010" src="jscript/dot_2.png" onclick="return MoveCarousel(5,4,'BULLET44');" /></a></div>
                    </div>

                    <script>MoveCarousel(5,'0','BULLET000')</script>

                </div>
            </div>
            <div class="SP">
            </div>
       
          
            <div class="SP">
            </div>
         
        </div>
    </div>
</body>
</html>
<%--http://www.trans4mind.com/personal_development/JavaScript/imageSlideShow.htm--%>
Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)