0

有人知道或可以告诉我如何实现单击网站中的图像，然后将具有移动效果的图像移动到带有 FanxyBox 的弹出窗口内的页面中心吗？

我的意思是，当单击图像时，应该会出现一个弹出窗口，其中应该有两列。在左栏中，它应该只有文本，在右栏中，图像被点击，但只是出现弹出窗口，图像应该具有从点击位置到弹出窗口内位置的移动效果。

我知道如何创建弹出窗口，但不知道如何移动图像并正确放置它。

这是我到目前为止所做的一个片段......

$("#thumbnailTitleLink").fancybox({
        hideOnContentClick : false,
        autoScale: false,
        transitionIn : "elastic",
        easingIn : 'easeOutCirc',
        overlayColor : "#1e72b1",
        overlayOpacity : .4,
        opacity: false,
        speedIn : 200,
        titleShow: false,
        scrolling: "no",
        orig: $( "#imgHouse" ),
        onComplete: function() {
        },
        openEffect  : 'elastic',
        closeEffect : 'elastic',

        helpers : {
            title : {
                type : 'inside'
            }
        }
    });

<td>
    <div><a id="thumbnailTitleLink"><img id="imgHouse" src="images/house_thumb.png"/></a></div>
</td>
4

1 回答 1

0

好的，我让它工作了......如果有人感兴趣......

$(this).fancybox({
            hideOnContentClick : false,
            autoScale: false,
            transitionIn : "elastic",
            transitionOut: 'elastic',
            easingIn : 'easeOutCirc',
            overlayColor : "#1e72b1",
            overlayOpacity : .4,
            opacity: false,
            speedIn : 950,
            titleShow: false,
            scrolling: "no",
            orig: img,
            onStart : function() {
                $(".popupText").each(function() {
                    $(this).hide();
                });
                $('#imgPopup').attr('alt',altImage);
                $('#imgPopup').attr('src',srcImage);
                $('#popup_wrapper').show();
                $('#' + name + 'PopupText').show();
                $(".popupImage").show();
            },
            afterClose : function() {
                $('#popup_wrapper').hide();
            },
            openEffect  : 'elastic',
            closeEffect : 'elastic',
            helpers : {
                title : {
                    type : 'inside'
                }
            }
        });

此致。吉列尔莫。

于 2012-11-13T04:29:04.450 回答