Can I specify random logos?

[AstonJ]

Is it possible to (via a plug-in if necessary) randomly choose a logo (and small logo) from a set of 3 every time someone starts a new session (or until their browser refreshes the assets for the logo)?

The Ruby code is trivial - but how can we incorporate that into Discourse?

[Alankrit_Choudh (@SenpaiMass)]

You could do it with JS i suppose, here is code i hope it works

<script>
if (document.getElementById) { window.onload = swap };
function swap() {
var numimages=4;
rndimg = new Array("IMAGE URL 1", "IMAGE URL 2", "IMAGE URL 3", "IMAGE URL 4");
x=(Math.floor(Math.random()*numimages));
randomimage=(rndimg[x]);
document.getElementById("banner").style.logo-big = "url("+ randomimage +")";
}
</script>

PS this only works on hard refresh. also the css to big logo would be

.logo-big { 
background-image: url('DEFAULT LOGO IMAGE URL HERE');
}

The JS would work because i am using that to rotate my banner image randomly on every hard refresh not sure the exact code for logo CSS.

[AstonJ]

Thanks - I’ll give that a go

[Michael_Smart]

Hi,

This is exactly what I need! Is the second part required? Also where does the first part get put exactly?

Best,
Michael

[sam (Sam Saffron)]

This is doable in a theme component, the method by @Alankrit_Choudh can work but I would recommend adding a custom ember initializer instead that overrides the URL in discourse instead of relying on window.onload here.

[Gunnar (Gunnar Helliesen)]

@sam

discourse에서 URL을 덮어쓰는 커스텀 ember 초기화 프로그램을 대신 사용하는 것

Sam,

저도 같은 문제에 부딪혔습니다. window.onload는 </head> 태그 이전에 호출되면 작동하지만, 이후에 호출되면 작동하지 않습니다. 그리고 그 때문에 document.getElementById가 실패합니다(아직 ID가 정의되지 않았기 때문이죠).

ember 경험이 전혀 없는 사람이 커스텀 ember 초기화 프로그램을 만드는 방법에 대한 입문 자료나 예시, 튜토리얼을 알려주실 수 있을까요?

참고로, 제가 하려는 것은 URL 배열에서 랜덤한 배너 이미지를 표시하는 것입니다:

var jlmyPix = new Array(
     '/img/pic0.jpeg',
     [ ... ]
     '/img/picN.jpeg'
);

function jlchoosePic() {
     var jlrandomPicNum = Math.floor(Math.random() * jlmyPix.length);
     document.getElementById("jlmyPicture").src = jlmyPix[jlrandomPicNum];
};

window.onload = jlchoosePic;