点击事件怎么触发另一个事件

  <div class="whitetitle">
            <span class="wtitle1">鸥迪足道室内装饰/</span>
            <span class="wtitle2">INTERIOR DECORATION</span>
           <div class="arrowlr">
                <img src="../images/3g/quyewenhua/z.png"  onclick="left()"/>
                <img src="../images/3g/quyewenhua/y.png"  onclick="right()"/>
            </div>


        </div>

        <div class="clear"></div>

        <div id="slider">
            <ul class="slides clearfix">
                <li>
                    <img class="responsive" src="../images/3g/quyewenhua/culture_03.jpg"><img class="responsive" src="../images/3g/quyewenhua/culture_03.jpg">
                    <img class="responsive" src="../images/3g/quyewenhua/culture_03.jpg"><img class="responsive" src="../images/3g/quyewenhua/culture_03.jpg">
                </li>
                <li>
                    <img class="responsive" src="../images/3g/quyewenhua/culture_03.jpg"><img class="responsive" src="../images/3g/quyewenhua/culture_03.jpg">
                    <img class="responsive" src="../images/3g/quyewenhua/culture_03.jpg"><img class="responsive" src="../images/3g/quyewenhua/culture_03.jpg">
                </li>
            </ul>
            <ul class="controls">
                <li><img src="../images/3g/quyewenhua/z.png" alt="previous" ></li>
                <li><img src="../images/3g/quyewenhua/y.png" alt="next" ></li>
            </ul>

        </div>




        我想通过点击class=arrowlr下的left（）和right（）  去触发class=controls下的img的点击效果，这两个img点击有图片轮播的效果   谢谢啦

那不是执行下class=controls绑定的事件就好了，如果绑定的是left，right，你的代码那不是就可以了

            <ul class="controls">
                <li><img src="../images/3g/quyewenhua/z.png" alt="previous"  onclick="left()" ></li>
                <li><img src="../images/3g/quyewenhua/y.png" alt="next"   onclick="right()"></li>
            </ul>

left（）的事件我不知道怎么写 controls下的img是从网上扒的js轮播图片效果 不需要onclick就能点击 我想通过上面的arrowlr下的img的left（）触发图片轮播的效果