Silverstripe 自定义图像类渲染方法

Silverstripe 自定义图像类渲染方法,silverstripe,Silverstripe,我希望将某个页面模板元素中的img标记更改为另一个标记。有必要对页面上的每个图像使用视差效果(没有特定的类或在CMS中创建)。因为图像无法设置样式,我决定用另一个替换img标记。我可以使用JS来实现这一点,所以糟糕的浏览器不会受到影响,但我决定问问PHP和silverstripe是否可以实现这一点 回应康尼·尼曼的文字。这里有一个示例JS代码 var el = document.querySelectorAll('.Paralax'); // Obtain images to which sho

我希望将某个页面模板元素中的img标记更改为另一个标记。有必要对页面上的每个图像使用视差效果(没有特定的类或在CMS中创建)。因为图像无法设置样式,我决定用另一个替换img标记。我可以使用JS来实现这一点,所以糟糕的浏览器不会受到影响,但我决定问问PHP和silverstripe是否可以实现这一点

回应康尼·尼曼的文字。这里有一个示例JS代码

var el = document.querySelectorAll('.Paralax'); // Obtain images to which should been paralax effect apply
for (i = 0; i < el.length; ++i) {
    // Create more elements, for example parent of div created bellow, so browser will properly calculates height - or use getComputedElementStyle from image element and apply result to nel
    var nel = document.createElement('div');
    nel.style.background = 'url("' + el[i].getAttribute('src') + '")';
    el[i].parentNode.insertBefore(nel, el[i]);
    el[i].parentNode.removeChild(el[i]);  
}
var el=document.querySelectorAll('.Paralax');//获取应应用paralax效果的图像
对于(i=0;i

上面的代码将使用JS实现这一点。我意识到我不需要使用JS,而是需要添加服务器支持。因为页面是由许多模板生成的,我需要允许从CMS添加paralax图像,所以我需要一种为所有img标记添加全局模板的方法,该方法只检查img是否具有paralax类

你能提供更多你正在做的代码示例吗?您是否有理由不能使用自己的自定义逻辑直接修改
.ss
模板?例如,
等。后期更新。我把这当作我的工作来研究。另外,这个页面还并没有上传,所以我只写了代码片段。我完成了这个任务。一切顺利,但我必须在家里重复这项任务。完成后,我将回答这个话题。