单击jquery图像滑块

时间:2015-09-28 09:21:14

标签: javascript php jquery html

如何在jquery中使用click事件调用此id我的意思是我想加载点击此id的图像。

我的代码

$("#carousel-selector-1").click(function(){

              $(".first").hide(); // hide first image showing in this class
              $("#carousel-selector-1").show(); // now showup this image
             <!-- <a class="" id="carousel-selector-1"><img src="abc.jpg"></a> --> // Want to load
    });

请指导如何纠正。

jQuery中的错误

在jquery中获取错误请建议

$("#carousel-selector-1").click(function(){

              $(".first").hide();
              $("#carousel-selector-3").html("");
        var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.jpg|.jpeg|.gif|.png|.bmp)$/;
        if (regex.test($(this).val().toLowerCase())) {
            if ($.browser.msie && parseFloat(jQuery.browser.version) <= 9.0) {
                $("#carousel-selector-3").show();
                $("#carousel-selector-3")[0].filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = $(this).val();
            }
            else {
                if (typeof (FileReader) != "undefined") {
                    $("#carousel-selector-3").show();
                    $("#carousel-selector-3").append("<img />");
                    var reader = new FileReader();
                    reader.onload = function (e) {
                        $("#carousel-selector-3 img").attr("src", e.target.result);
                    }
                    reader.readAsDataURL($(this)[0].files[0]);
                } else {
                    alert("This browser does not support FileReader.");
                }
            }
        } else {
            alert("Please upload a valid image file.");
        }

    });

收到错误请上传有效的图片文件,请您建议需要更改的流程

0 个答案:

没有答案