Header Casuale

[cruzeiro]

Sto cercando, ma invano, di realizzare un header casuale. Ho letto vari post ma non so dove sbaglio.
Vi posto i miei codici, nell'attesa di incontrare qualche buona anima che mi aiuti.

Codice: [Seleziona]

  <div class="Header-png"></div>

Codice: [Seleziona]

div.Header-png
{
  position: absolute;
  z-index:-2;
  top: 0;
  left: 0;
  width: 1008px;
  height: 225px;
  background-image: url('../images/Header.png');
  background-repeat: no-repeat;
  background-position: left top;
}

[conti1]

ciao
mi sa che ti manca un po di roba in quella maniera ne carica una sola .
questo fa tutto lui non sbagliare il percorso delle immagini.

Codice: [Seleziona]

<SCRIPT language=Javascript>
<!--
function image() {
};

image = new image();
number = 0;
// imageArray
image[number++] = "<img src='a.jpg'>"
image[number++] = "<img src='b.jpg'>"
image[number++] = "<img src='c.jpg'>"

increment = Math.floor(Math.random() * number);
//-->
</SCRIPT>

<script language="JavaScript">
document.write(image[increment]);
</script>


[cruzeiro]

scusami ma questo codice lo devo mettere prima della chiusura dell' head?
Il resto dei codici, a parte url('../images/Header.png'), che ho postato devo modificarli?

[cruzeiro]

purtroppo mi da errore. Non capisco dove sbaglio

[conti1]

purtroppo mi da errore. Non capisco dove sbaglio

che errore ti da ?
non dovrebbe dare nessun tipo di errore  ho vedi l'immagine , ho non la vedi.

[EmaFer]

questo è quello che faccio io:
da così

Codice: [Seleziona]

<div id="banner"><img src="immagine.jpg"/></div>a così (dopo aver caricato x numero di banner chiamati immagine_x.jpg:

Codice: [Seleziona]


<?php
    $numban=rand(1,5);
?>
    <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/banner_<?php echo $numban;?>.jpg" alt="nomesito"/>

[cruzeiro]

questo è quello che faccio io:
da così

Codice: [Seleziona]

<div id="banner"><img src="immagine.jpg"/></div>a così (dopo aver caricato x numero di banner chiamati immagine_x.jpg:

Codice: [Seleziona]


<?php
    $numban=rand(1,5);
?>
    <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/banner_<?php echo $numban;?>.jpg" alt="nomesito"/>

quindi osservando il mio codice come dovrebbe venire?

[conti1]

ciao
ma voi 2 siete fratelli gemelli? tutti e due con la stessa domanda confrontate un po il code vostro con quello postato da me , quel code lo piazzate esattamente dove volete che l'immagine appaia unica cosa le immagini metterle nella cartella images di joomla , x cui il percorso da mettere sarà images/nomeimmagine.png

[cruzeiro]

conti1, ci siamo quasi... non capisco solamente due cose:

1) perchè header cambia solamente se mi trovo sulla home, mentre nelle altre pagine non cambia?

2) perchè l'immagine non cambia ad ogni clik? Non cambia prima di 3-4 volte. c'è un modo per farlo ad ogni clik?

[EmaFer]

il numero che esce è random,
ovvero se il numero è basso ci sono buone possibilità che l'immagine sia sempre la stessa.
Più aumenti le possibilità, più avrai il cambio delle immagini...

[cruzeiro]

Più aumenti le possibilità, più avrai il cambio delle immagini...

cosa intendi con aumentare la possibilità?
Perchè header cambia solamente se clicco su Home, mentre invece se navigo sui contenuti non succede nulla?

[EmaFer]

se tu metti due immagini, è possibile che l'immagine random che esce sia sempre la stessa per molte volte...

Riguardo al fatto che cambia solo nell'home... mah
prova a entrare in una pagina interba e fare f5 (aggiorna) un po' di volte...

[cruzeiro]

Alla fine sono riuscito a recuperare un codice da un template che cambiava casualmente l'header.

Codice: [Seleziona]

<div class="Header" style="background-image: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/<?php echo rand(1,2) ?>.png)">
Il fatto è che ha solamente 2 immagini. Se volessi aumentarle, come dovrei modificare il codice?

[EmaFer]

Codice: [Seleziona]

<div class="Header" style="background-image: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/<?php echo rand(1,2) ?>.png)">

la funzione rand(1,2) estrae un numero tra 1 e 2, se tu disponi che so, di 5 immagini, allora la modifichi in

Codice: [Seleziona]

<?php echo rand(1,5); ?>.png

[tatothejoker]

io ho fatto così:
http://www.dreamsworld.it/emanuele/2008-11-01/background-random-via-css-e-php/

e ha funzionato alla grande!