0

我正在使用 qTip2 和我的 Umbraco 安装。我希望我的图像插入到富文本编辑器中,以便在翻转时显示完整尺寸的图像。

问题是,Umbraco 的富文本编辑器显示的图像小于全尺寸。适合富文本编辑器的宽度。因此前端显示的图像添加了例如“_360x200.jpg”而不是“.jpg”

如何替换下划线及其之后的所有内容,直到句号/句号?

    // Create the tooltips only on document load
    $(document).ready(function() {
        $('.rightUnevenCol img').each(function() {
            // Grab fullsize image src
//Replace the underscore and everything after it before the '.' e.g. '_320x200.jpg' to '.jpg'
            var bigSrc = $(this).attr('src').replace(/_\d+$/, "");
            $(this).qtip({
                content: '<img src="' + bigSrc + '" alt="" />',
                // Set the height/width!!! This can cause positioning problems if not set
                position: {
                    target: 'mouse',
                    adjust: {
                        mouse: true
                    }
                },
                show: {
                    target: false,
                    event: 'mouseenter',
                    effect: true,
                    delay: 90,
                    solo: false,
                    ready: false,
                    modal: false
                },
                hide: {
                    target: false,
                    event: 'mouseleave',
                    effect: false,
                    delay: 0,
                    fixed: true,
                    when: {
                        event: 'unfocus'
                    },
                    inactive: false
                },
                style: {
                    tip: false,
                    classes: 'preview'
                },
                events: {
                    render: null,
                    move: null,
                    show: null,
                    hide: null,
                    toggle: null,
                    focus: null,
                    blur: null
                }
            });
        });

        // since the qTip copies the content of the info div, you can remove it now
        $('.rightUnevenCol img').remove('.preview');


    });​
4

1 回答 1

1

尝试

var bigSrc = $(this).attr('src').replace(/_[^\.]*/, "");

或者如果您确定格式 123x456

var bigSrc = $(this).attr('src').replace(/_\d{1,3}x\d{1,3}/, "");
于 2012-11-27T07:35:44.650 回答