Javascript 有没有办法使用joomla向图像添加描述!模态挤压盒?
我正在使用Joomla modal窗口挤压盒。我希望能够在图像弹出窗口下方添加一些文本,如www.pathgate.org图像 在调用本文中的模式窗口时,是否有任何方法可以添加此内容 例如,单击此处查看详细信息 我想可能会有这样的描述:“lorem ipsum doler sit amet”类似这样的描述Javascript 有没有办法使用joomla向图像添加描述!模态挤压盒?,javascript,joomla,mootools,modal-dialog,squeezebox,Javascript,Joomla,Mootools,Modal Dialog,Squeezebox,我正在使用Joomla modal窗口挤压盒。我希望能够在图像弹出窗口下方添加一些文本,如www.pathgate.org图像 在调用本文中的模式窗口时,是否有任何方法可以添加此内容 例如,单击此处查看详细信息 我想可能会有这样的描述:“lorem ipsum doler sit amet”类似这样的描述 window.addEvent('load',function(){ 挤压盒.handlers.img_ext=函数(elm){ var url=elm.href; this.image=新
window.addEvent('load',function(){
挤压盒.handlers.img_ext=函数(elm){
var url=elm.href;
this.image=新图像();
var事件={
已加载:函数(){
var win={x:window.getWidth()-this.options.marginImage.x,y:window.getHeight()-this.options.marginImage.y};
var size={x:this.image.width,y:this.image.height};
对于(变量i=0;i<2;i++)
如果(size.x>win.x){
size.y*=win.x/size.x;
size.x=win.x;
}else if(size.y>win.y){
size.x*=win.y/size.y;
size.y=win.y;
}
size={x:parseInt(size.x),y:parseInt(size.y)};
if(window.webkit419)this.image=new元素('img',{'src':this.image.src});
else$(this.image);
this.image.setProperties({
“宽度”:size.x,
“高度”:size.y});
尺寸y+=50;
var title=新元素('div',{text:elm.title});
var wrapper=新元素('div');
采用([this.image,title]);
此.applyContent(包装、大小);
}.绑定(此),
失败:this.onError.bind(this)
};
(功能(){
this.src=url;
}).延迟(10,此图像);
this.image.onload=events.loaded;
this.image.onerror=this.image.onabort=events.failed;
};
SqueezeBox.parsers.img_ext=函数(预设){
返回(预置| this.url.test(/\(jpg | jpeg | png | gif | bmp)$/i))?$(this.element):false;
};
});
谢谢您的回复。这只是将处理程序添加到javascript中的一种情况吗?我不知道javascript,但如果它是一行简单的代码,我会很乐意添加它。你知道我该怎么加上那个自我管理者吗?谢谢哇-太谢谢你了!不过我需要学习javascript。我将该代码添加到ucompressed modal js文件中(在底部?),然后尝试按照建议的方式调用它,但没有成功。我非常感谢您的帮助,不想要求太多,但如果您能就下一步做什么给出任何建议,他们将不胜感激-或者如果您知道有什么好的资源可以在这方面帮助我感谢吸血鬼的帮助。我现在使用Yootheme Widgetkit以方便使用。
window.addEvent('load', function() {
SqueezeBox.handlers.img_ext = function(elm) {
var url = elm.href;
this.image = new Image();
var events = {
loaded: function() {
var win = {x: window.getWidth() - this.options.marginImage.x, y: window.getHeight() - this.options.marginImage.y};
var size = {x: this.image.width, y: this.image.height};
for (var i = 0; i < 2; i++)
if (size.x > win.x) {
size.y *= win.x / size.x;
size.x = win.x;
} else if (size.y > win.y) {
size.x *= win.y / size.y;
size.y = win.y;
}
size = {x: parseInt(size.x), y: parseInt(size.y)};
if (window.webkit419) this.image = new Element('img', {'src': this.image.src});
else $(this.image);
this.image.setProperties({
'width': size.x,
'height': size.y});
size.y += 50;
var title = new Element('div',{text:elm.title});
var wrapper = new Element('div');
wrapper.adopt([this.image,title]);
this.applyContent(wrapper, size);
}.bind(this),
failed: this.onError.bind(this)
};
(function() {
this.src = url;
}).delay(10, this.image);
this.image.onload = events.loaded;
this.image.onerror = this.image.onabort = events.failed;
};
SqueezeBox.parsers.img_ext=function(preset) {
return (preset || this.url.test(/\.(jpg|jpeg|png|gif|bmp)$/i)) ? $(this.element) : false;
};
});