Question

我正在使用Galleria进行幻灯片放映。我想在stage旁边放一个小的“更大”链接。

我有'更大'按钮的代码：

this.fullres = this.create('div', 'fullres');
this.get('fullres').innerHTML = '<a href="#">Larger</a>';
this.appendChild('fullres', this.fullres);

我有这段代码，它会将每个<img>的{{1}}标记分配给页面自定义字段中的完整尺寸图片网址：

rel=

使用JQuery，我希望提取<img ... rel="<?=$attachments[$i]['fullres']?>" />图像的active标记值并附加rel=标记。这是我到目前为止的代码，但它不起作用：

.fullres href

Answer 1

我不得不说我看不出它会如何起作用......

你知道你有错字：$(.images)吗？应该是$('.images')。

您是否故意在$('.galleria-fullres').attr('href', );遗漏了第二个参数？这不应该是$('.galleria-fullres').attr('href', title);吗？

jquery如何通过类引用元素来工作？你得到的是一系列元素，而不仅仅是一个元素。我想这只是你的代码的摘录？我错过了什么吗？

您是否可以发布浏览器中显示的这些元素样本的html？这应该是一件非常简单的事情，但我真的无法用这些线条看到整个画面。

Answer 2

Galleria并没有真正起作用。但是你可以做的是创建一个按钮来进入全屏，并在全屏显示更大的图像。

这样的事情：

$('#galleria').galleria({
    // other galleria options here
    dataConfig: function( img ) {
        // get the fullscreen image
        return {
            big: $( img ).attr('rel')
        };
    }
});

var galleria = Galleria.get(0);

$('#fullscreen-button').click(function() {
    galleria.enterFullscreen();
});

如何使用jQuery和Galleria更新HTML元素？

2 个答案: