cobaikon.hateemel

<html>
<head>
    <meta charset="UTF-8">
    <title>Icon/Image Select: Horizontal Example (Javascript)</title>
    <link rel="stylesheet" type="text/css" href="css/lib/control/iconselect.css" >
    <script type="text/javascript" src="lib/control/iconselect.js"></script>
    <script type="text/javascript" src="lib/iscroll.js"></script>
    <script>
        var iconSelect;
        window.onload = function(){
            iconSelect = new IconSelect("my-icon-select",
                {'selectedIconWidth':48,
                'selectedIconHeight':48,
                'selectedBoxPadding':5,
                'iconsWidth':48,
                'iconsHeight':48,
                'boxIconSpace':3,
                'vectoralIconNumber':8,
                'horizontalIconNumber':1});

            var icons = [];
            icons.push({'iconFilePath':'images/icons/1.png', 'iconValue':'1'});
            icons.push({'iconFilePath':'images/icons/2.png', 'iconValue':'2'});
            icons.push({'iconFilePath':'images/icons/3.png', 'iconValue':'3'});
            icons.push({'iconFilePath':'images/icons/4.png', 'iconValue':'4'});
            icons.push({'iconFilePath':'images/icons/5.png', 'iconValue':'5'});
            icons.push({'iconFilePath':'images/icons/6.png', 'iconValue':'6'});
            icons.push({'iconFilePath':'images/icons/7.png', 'iconValue':'7'});
            icons.push({'iconFilePath':'images/icons/8.png', 'iconValue':'8'});
            icons.push({'iconFilePath':'images/icons/9.png', 'iconValue':'9'});
            icons.push({'iconFilePath':'images/icons/10.png', 'iconValue':'10'});
            icons.push({'iconFilePath':'images/icons/11.png', 'iconValue':'11'});
            icons.push({'iconFilePath':'images/icons/12.png', 'iconValue':'12'});
            icons.push({'iconFilePath':'images/icons/13.png', 'iconValue':'13'});
            icons.push({'iconFilePath':'images/icons/14.png', 'iconValue':'14'});

            iconSelect.refresh(icons);

            iconSelect = new IconSelect("my-icon-select2",
                {'selectedIconWidth':48,
                'selectedIconHeight':48,
                'selectedBoxPadding':5,
                'iconsWidth':48,
                'iconsHeight':48,
                'boxIconSpace':3,
                'vectoralIconNumber':8,
                'horizontalIconNumber':1});
            iconSelect.refresh(icons);

        };

    </script>

</head>
<body>
    <h2>Icon/Image Select: Horizontal Example (Javascript)</h2>
    <div id="my-icon-select"></div>
    <div id="my-icon-select2"></div>
</body>
</html>