前端开发 \ jQuery \ jqzoom动态更换多张图片并放大解决方案

jqzoom动态更换多张图片并放大解决方案

总点击84
简介:  <scripttype=\"text/javascript\"> $(document).ready(function(){    //widget    $(\".widget.jCarouselLite\").jCarouselLite({


jqzoom动态更换多张图片并放大解决方案

 


<script type="text/javascript">


$(document).ready(function() {


    //widget


    $(".widget .jCarouselLite").jCarouselLite({


        btnNext: ".widget .next",


        btnPrev: ".widget .prev",


        visible: 4


    });


    $(".widget img").click(function() {


        $('.jqzoom').removeData('jqzoom');


        $("a.jqzoom img").attr("src",$(this).attr("src"));


        $("a.jqzoom").attr("href",$(this).attr("src"));


        $('.jqzoom').jqzoom({


            title: false


        });


    })


    //jqzoom


    $('.jqzoom').jqzoom({ title:false });


});


</script>


参考:


function changePicture(imgSrc) {


    clean_jqzoom();


    $(".jqzoom").attr('href',imgSrc);


    $(".jqzoom img").attr('src',imgSrc);


    init_jqzoom();


}


function init_jqzoom() {


    $('.jqzoom').jqzoom();


}


function clean_jqzoom() {


    $('.jqzoom').removeData('jqzoom');


}

意见反馈 常见问题 官方微信 返回顶部