baserCMS 4.5.3
標準で用意されてるcolorboxですが、手打ち派だとrelやらclassやら追記すんの面倒くさい…。
あと、rel=colorbox だと、アイキャッチまでグループ化されてしまって邪魔くさいので変えたかった。
記事には img のみを記述して、jQueryで自動で a タグを追記してみました。
レイアウトか、ブログのsingle.phpにjsを書く。rel の値はなんでも。
$(function(){
const length = $(".main .single img").length;
for (let i=0; i < length; i++) {
if($(".main .single img").eq(i).attr("class")===undefined){
const url = $(".main .single img").eq(i).attr("src");
$(".main .single img").eq(i).wrap('<a href="'+url+'" class="cboxElement" rel="post"></a>');
}
}
if($("a[rel='post']").colorbox) $("a[rel='post']").colorbox({transition:"fade", maxWidth:"80%", maxHeight:"90%"});
});