js幻灯片功能更改!鼠标指向数字,自动变到相应图片

下载地址我已经把源文件上传了
哪个高手帮该一下,当鼠标指向底部数字时,不用点击,自动变到相应图片

解决方案 »

  1.   

    居然给了一个压缩过的代码。。看都懒得看，直接给你加几行代码完事。。只在index.html文件最后面添加了几行代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <title>WOWSlider generated by WOWSlider.com</title>
            <meta http-equiv="content-type" content="text/html; charset=utf-8" />
            <meta name="keywords" content="WOW Slider, Tutorial jQuery Slider, jQuery Slider Photo" />
            <meta name="description" content="WOWSlider created with WOW Slider, a free wizard program that helps you easily generate beautiful web slideshow" />
            <!-- Start WOWSlider.com HEAD section -->
            <link rel="stylesheet" type="text/css" href="engine1/style.css"/>
            <style type="text/css">
                a#vlb {
                    display: none
                }
            </style>
            <script type="text/javascript" src="engine1/jquery.js">
            </script>
            <script type="text/javascript" src="engine1/wowslider.js">
            </script>
            <!-- End WOWSlider.com HEAD section -->
        </head>
        <body style="background-color:#d7d7d7">
            <!-- Start WOWSlider.com BODY section -->
            <div id="wowslider-container1">
                <div class="ws_images">
                    <span><img src="data1/images/1.jpg" alt="1" title="1" id="wows0"/></span>
    <span><img src="data1/images/2.jpg" alt="2" title="2" id="wows1"/></span>
    <span><img src="data1/images/3.jpg" alt="3" title="3" id="wows2"/></span>
    <span><img src="data1/images/4.jpg" alt="4" title="4" id="wows3"/></span>
    <span><img src="data1/images/5.jpg" alt="5" title="5" id="wows4"/></span>
                </div>
                <div class="ws_bullets">
                    <div>
                        <a href="#wows0" title="1">1</a>
                        <a href="#wows1" title="2">2</a>
                        <a href="#wows2" title="3">3</a>
                        <a href="#wows3" title="4">4</a>
                        <a href="#wows4" title="5">5</a>
                    </div>
                </div>
                <a style="display:none" href="http://wowslider.com">jQuery Slider Gallery by WOWSlider.com v1.9</a>
                <div class="ws_shadow">
                </div>
            </div>
            <script type="text/javascript" src="engine1/script.js">
            </script>
    <script type="text/javascript">
    $('.ws_bullets').mouseover(function(event){
    var target = $(event.target);
    if(target.is('a')){
    target.trigger('click');
    }
    });
    </script>
            <!-- End WOWSlider.com BODY section -->
        </body>
    </html>
      

  2.   

    <img src="1.jpg"  id="imgView"/>
     <div id="divNum">
          <a href="#" title="1" imgUrl="1.jpg">1</a>
          <a href="#" title="2" imgUrl="2.jpg">2</a>
          <a href="#" title="3" imgUrl="3.jpg">3</a>
           <a href="#" title="4" imgUrl="4.jpg">4</a>
           <a href="#" title="5" imgUrl="5.jpg">5</a>       
    </div>
     <script type="text/javascript">
    var aList = document.getElementById("divNum").getElementsByTagName("a");
    for(var i=0;i<aList.length;i++)
    {
    aList[i].onmouseover=function(){
    document.getElementById("imgView").src = this.getAttribute("imgUrl");
    };
    }
    </script>
      

  3.   

    <img src="1.jpg"  id="imgView"/>
     <div id="divNum">
          <a href="#" title="1" imgUrl="1.jpg">1</a>
          <a href="#" title="2" imgUrl="2.jpg">2</a>
          <a href="#" title="3" imgUrl="3.jpg">3</a>
           <a href="#" title="4" imgUrl="4.jpg">4</a>
           <a href="#" title="5" imgUrl="5.jpg">5</a>       
    </div>
     <script type="text/javascript">
    var aList = document.getElementById("divNum").getElementsByTagName("a");
    for(var i=0;i<aList.length;i++)
    {
    aList[i].onmouseover=function(){
    document.getElementById("imgView").src = this.getAttribute("imgUrl");
    };
    }
    </script>