Can I specify random logos?

Suporte
1

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? :confused:

2

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.

2 curtidas
3

Thanks - I’ll give that a go :slight_smile:

4

Hi,

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

Best,
Michael

6

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.

1 curtida
7

Sam,

Encontrei o mesmo problema. window.onload funciona se for chamado antes de </head>, mas não se for chamado depois. Por causa disso, document.getElementById falha (o ID ainda não foi definido).

Você poderia me indicar um guia básico, exemplo ou tutorial sobre como criar um inicializador personalizado do Ember para alguém sem experiência com o Ember?

Para completar, o que estou tentando fazer é exibir uma imagem de banner aleatória a partir de um array de URLs:

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;