基于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>