jcarousel 不会在图像上触发事件

发布于 2024-09-12 06:43:45 字数 1072 浏览 9 评论 0原文

单击下一步按钮后,jcarousel 不会在图像上触发事件。 事件被绑定用于图像的初始加载。

我添加了用于在轮播中显示图像预览的代码。

任何人都可以帮忙解决这个问题吗,

谢谢

   function imagePreview() {
        xOffset = 50;
        yOffset = 60;

        $("img.preview").hover(function (e) {
            this.t = this.title;
            this.title = "";
            var c = (this.t != "") ? "<br/>" + this.t : "";

            PageMethods.GetItemLargeImage(this.id, largeImageSucceed, largeimageFail);

            $("img.preview").mouseout(function () {

                document.getElementById("displayPreviewImage").src = "";

            })
        },

function () {
    this.title = this.t;
    $("#preview").remove();
});

        $("img.preview").mousemove(function (e) {
            $("#preview")
        .css("top", 100 + "px")
        .css("left", 400 + "px");
        });

        function largeImageSucceed(result) {
            document.getElementById("displayPreviewImage").src = result;
        }
        function largeimageFail() {
            //alert('hi');
        }


    }

jcarousel is not firing event on images after clicking on next button.
Event is binded for initial load of images.

i have added the code which i'm using to show preview of the image in carousel.

can any one please help on this,

Thanks

   function imagePreview() {
        xOffset = 50;
        yOffset = 60;

        $("img.preview").hover(function (e) {
            this.t = this.title;
            this.title = "";
            var c = (this.t != "") ? "<br/>" + this.t : "";

            PageMethods.GetItemLargeImage(this.id, largeImageSucceed, largeimageFail);

            $("img.preview").mouseout(function () {

                document.getElementById("displayPreviewImage").src = "";

            })
        },

function () {
    this.title = this.t;
    $("#preview").remove();
});

        $("img.preview").mousemove(function (e) {
            $("#preview")
        .css("top", 100 + "px")
        .css("left", 400 + "px");
        });

        function largeImageSucceed(result) {
            document.getElementById("displayPreviewImage").src = result;
        }
        function largeimageFail() {
            //alert('hi');
        }


    }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦年海沫深 2024-09-19 06:43:45

我对此有解决方案。以前我通过创建 PageRequestManager 实例并在页面结束请求后触发它来调用。它以这种方式工作,但问题是事件并未绑定到所有 UL 元素。

现在我在图像的 onmouseover 事件上调用此方法。
所以现在工作正常。

I got solution for this. previously i was calling by creating PageRequestManager instance and and firing it after page end request. It was working in this way but the issue was event was not binding to all the UL elements.

Now i'm calling this method on onmouseover event of an image.
so its working fine now.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文