zoukankan      html  css  js  c++  java
  • 图片放大显示的jQuery插件

    从网上下载了一个jquery的图片放大显示插件,效果如下

    前台代码调用:

    先引入js

    <script type="text/javascript" src="../js/jquery-1.2.6.pack.js"></script>
    <script type="text/javascript" src="../js/jquery.imagePreview.1.0.js"></script>
    <script type="text/javascript">
    $(function(){
     $("a.preview").preview();   
    });
    </script>

    html页面代码

    View Code
    <div class="zxx_out_box">
        <div class="zxx_in_box">        
            <h3 class="zxx_title">图片放大显示的jQuery插件演示页面</h3>
            <div class="zxx_main_con">
                <div class="zxx_test_list">
                    <class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" title="张含韵">
                        <img src="http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg" />
                    </a>
                    <class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm2.jpg" title="某不知名美女">
                        <img src="http://image.zhangxinxu.com/image/study/s/s128/mm2.jpg" />
                    </a>
                    <class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm3.jpg" title="某不知名美女">
                        <img src="http://image.zhangxinxu.com/image/study/s/s128/mm3.jpg" />
                    </a>
                    <class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm4.jpg" title="某不知名美女">
                        <img src="http://image.zhangxinxu.com/image/study/s/s128/mm4.jpg" />
                    </a>
                    <class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm5.jpg" title="某不知名美女">
                        <img src="http://image.zhangxinxu.com/image/study/s/s128/mm5.jpg" />
                    </a>
                </div>           
            </div>
        </div>
    </div>

    全部源码下载:/Files/Jaylong/jquery-image-preview.zip

  • 相关阅读:
    Centos7 下 PHP 添加缺少的组件 sockets 和 openssl
    vue使用 video.js动态切换视频源视频源不刷新问题
    vue+js清除定时器
    获取ip地址,并根据ip获取当前省份
    html页面引用video.js播放m3u8格式视频
    uniapp每隔几秒执行一下网络请求(h5端亲测可以,其他端未测试)
    关于uniapp获取当前距离屏幕顶部的距离
    按值传递与按值引用详解(java版)
    JavaScript的深入理解(1)
    vue-cli3配置webpack-bundle-analyzer插件
  • 原文地址:https://www.cnblogs.com/Jaylong/p/2291993.html
Copyright © 2011-2022 走看看