Ho una pagina che contiene diversi H2 generati da un ciclo for, vorrei far si che ogni volta che viene aperta la pagina i div assumano colori diversi tra quelli presenti in un array di 3 o 4 colori.
Questo è il codice della pagina:
codice:
{foreach from=$subcategories item=subcategory}
<h2 class="sotto-cat">
... ... ...
</h2>
{/foreach}
ESEMPIO (primo caricamento):
<h2>SFONDO ROSSO</h2>
<h2>SFONDO BLU</h2>
<h2>SFONDO VERDE</h2>
<h2>SFONDO BLU</h2>
<h2>SFONDO ROSSO</h2>
ESEMPIO (secondo caricamento):
<h2>SFONDO VERDE</h2>
<h2>SFONDO BLU</h2>
<h2>SFONDO VERDE</h2>
<h2>SFONDO BLU</h2>
<h2>SFONDO ROSSO</h2>
E così via...
Ho provato con questo codice però viene pplicato lo stesso colore a tutti gli h2 della pagina:
codice:
{literal}
<script type="text/javascript">
$(document).ready(function(){ var colors = ["#D92825","#6DD900","#007FFF"];
var rand = Math.floor(Math.random()*colors.length);
$('h2.sotto-cat').css("background-color", colors[rand]); });
</script>
{/literal}
Anche aggiungendo questa parte:
codice:
{literal}
<script type="text/javascript">
rand = Math.floor(Math.random()*colors.length);
</script>
{/literal}
Non riesco a capire dove sbaglio... qualcuno mi darebbe una mano?
Grazie