jQuery图像选择输入562
基于CSS3选择器输入形象与缩略图选择选项。
非常容易实现,可以实现多次轻松的形式,光滑的CSS3设计。重量轻解决任何形式要求用户选择选项和缩略图。

<!-- jquery library -->
<script src="jquery.min.js"></script>
<!-- Required Scripts For Image Selector -->
<script src="obimageselect.js" type="text/javascript"></script>
<script src="jquery.tools.min.js" type="text/javascript"></script>
<!-- Css Styles For Image Selector -->
<link href="css/obimageselectstylefull.css" rel="stylesheet" />
<!-- use plugin -->
<script>

    $(document).ready(function () {
        /* Image Select One */
        $('.example').obImageSelect({
            buttonText: 'Select Image', /* The Text that is Found on Image Selector Button */
            per: 6, /* Images Per Slide */
            toolTip: true /* True to Show Tool Tip on Image Hover (true by default) */
        });
        /* Multiple Image Selectors in one page */
        //minimal installation
        $('.example2').obImageSelect();

        $('.example3').obImageSelect({
            buttonText: 'Select Image',
            per: 3
        });

        $('.example4').obImageSelect({
            buttonText: 'Select Image',
            per: 9
        });

    });

</script>

技术讨论区(0 个讨论)

  1. 请先登录

      发 布