【问题标题】:Is there any way to add a description to an image using joomla! modal squeezebox?有没有办法使用 joomla 为图像添加描述!模态挤压箱?
【发布时间】:2012-07-16 21:02:29
【问题描述】:

我正在使用 Joomla 模态窗口挤压框。我希望能够在图像弹出窗口下方添加一些文本,例如在 www.pathgate.org 图像上。

在文章中调用模态窗口时有什么方法可以添加这个吗?

例如点击这里查看

我在想可能是这样的:描述:'lorem ipsum doler sat amet'

【问题讨论】:

    标签: javascript joomla mootools modal-dialog squeezebox


    【解决方案1】:

    类似的东西

    <a class="modal" href="images/powered_by.png" title="text" rel="{handler:'img_ext'}">test</a>

    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;
    };
    }); 
    

    【讨论】:

    • 感谢您的回复。这只是将处理程序添加到javascript的情况吗?我不知道javascript,但如果它是一行简单的代码,我会很乐意添加它。你知道我如何添加那个自我处理程序吗?谢谢
    • 哇——非常感谢!我需要学习javascript。我将该代码添加到 ucompressed modal js 文件中(在底部?),然后尝试按照建议的方式调用它,但它不起作用。我很感谢你的帮助,不想问太多,但如果你能就下一步做什么提供任何指示,他们将不胜感激 - 或者如果你知道任何可以帮助我的好资源
    • 感谢 VampiRUS 的帮助。我现在使用 Yootheme Widgetkit 以方便使用。
    猜你喜欢
    • 2016-12-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-11
    • 2020-09-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多