我正在使用 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');
});