Skift billede og tekst tilfældigt hver dag!

Hvis ALLE bruger skal se det samme billede hele dagen, så skal du lave det serverside, ikke med javascript der jo er clientside.

Du kunne lave noget i denne retning:
Du har 365 billeder, og du navngiver dem tilfældigt 1.gif, 2.gif .... 365.gif
Og så viser du 1.gif d. 1. jan, 2.gif d. 2. jan osv.

og på skuddag, tja ... Vi finder på noget :o)

så må jeg heller oprette spørgsmålet i PHP for alle bruger skulle gerne se det samme billede

<ole>

idanielsen >> det er da noget vrøvl. Det er endda 'a piece og cake' at gøre det med JS  :)

Lav en masse billeder. Giv dem navne på formen: 'p_18_10.gif' (skal vises den 18. okt) - og lav flg. script:

<script type="text/JavaScript">
window.onload = function() {
    var myD = new Date();
    var inx = myD.getDate()+"_"+(myD.getMonth()+1);
    document.getElementById("pic").src = "p" + inx + ".gif";   
}
</script>
<img id="pic" src="">

... voilá  :)

/mvh
</bole>

Njaahhh ... med det script, skal billederne navngives på formen: 'p18_10.gif'  ;o)

hmmm.. det er jo ikke helt det jeg har bedt om!

Det skal vise et tilfædigt billedet! Det der er jo ikke tilfældigt!

Jeg har 15 billeder.. og hver dag skal et af disse billeder blive vist, Tilfældigt! Og det skal være det samme billede alle ser..

Og Olebole.. du mangler også det med teksten.. det skal også vælges tilfældigt og være det samme som alle ser!

Vi kunne sagtens få vist det samme 'pseudo-tilfældige' billede hos alle brugere uden brug af DB - men teksten havde jeg overset. Det kan sagtens lade sig gøre, men så begynder det at blive lidt smartere med en DB  :)

okay..

olebole > netop det jeg mente:

"Du kunne lave noget i denne retning:
Du har 365 billeder, og du navngiver dem tilfældigt 1.gif, 2.gif ...."

Det var netop en "clientside" løsning jeg mente.

kimmys > hvis billederne navngive tilfældigt, så vil der også vises et tilfældigt billede, blot på den måde at alle billeder bliver vist, men i tilfældig rækkefølge.

Vil du hellere have det HELT tilfældigt, så kan du jo risikere at samme billede bliver vist 10 dage i træk 

c",)

jeg har kun 15 billeder!

hvad så med teksten?

lav en .js fil:

var arrTekster = new Array();
arrTekster[0] = "Tekst 1";
arrTekster[1] = "Tekst 2";
arrTekster[2] = "Tekst 3";
arrTekster[3] = "Tekst 4";
arrTekster[4] = "Tekst 5";
osv ...

og så kan du lige så godt tage billederne med:

var arrBilleder =
var arrBilleder = new Array();
arrBilleder[0] = "img1.gif";
arrBilleder[1] = "img2.gif";
arrBilleder[2] = "img3.gif";
arrBilleder[3] = "img4.gif";
arrBilleder[4] = "img5.gif";
osv

så skal du bruge et tal mellem 0 og 14;

var intAntal = 15;
var dtmDato = new Date();
var dtmMidnight = new Date(dtmDato.getYear(), dtmDato.getMonth(), dtmDato.getDate());
var dtmStartDate = new Date(2000, 1, 1);
var intNumber = Math.round((dtmMidnight.valueOf() - dtmStartDate.valueOf())/86400000) % 15;

intNumber indeholder nu dit tal, og du kan :

document.write("<img src=\"" + arrBilleder[intNumber] + "\">");
document.write(arrTekster[intNumber])


du kan jo foretage en lodtrækning selv, og du kan jo godt lave fx. 150 "poster" i dine arrays, så bliver billeder og tekster bare gentaget.

hvilket af det der skal med i .js filen?

og hvad skal den hedde?

Aheeem .... der er vist ikke ligefrem tale om overdreven tilfældighed  :)

function bla() {
    var intAntal = 15;
    var dtmDato = new Date();
    var s = "";
    for ( i=0; i<12; i++ ) { // Set a month
        for ( j=1; j<32; j++ ) { // Set a date
            var dtmMidnight = new Date(dtmDato.getYear(), i, j);
            var dtmStartDate = new Date(2000, 1, 1);
            var intNumber = Math.round((dtmMidnight.valueOf() - dtmStartDate.valueOf())/86400000) % 15;
            s += intNumber + "\n";
        }
    }
    alert(s);
}

Er I ikke lige venlige at skære ud i pap hvad der skal i .js?

og hvad der skal ind på hjemmesiden?

Det kommer anpå, hvad du gerne vil  :)

ldanielsen's eksempel er der ikke nogen tilfældighed i. Det bladrer bare de 15 billeder og tekster igennem - dag for dag i samme rækkefølge.
Er det, hvad du ønsker? Så kan det gøres betydeligt lettere.

Skal der bladres i tilfældig rækkefølge, skal du have et andet script.

Filen skal indeholde dette:

var arrTekster = new Array();
arrTekster[0] = "Tekst 1";
arrTekster[1] = "Tekst 2";
arrTekster[2] = "Tekst 3";
arrTekster[3] = "Tekst 4";
arrTekster[4] = "Tekst 5";

var arrBilleder = new Array();
arrBilleder[0] = "img1.gif";
arrBilleder[1] = "img2.gif";
arrBilleder[2] = "img3.gif";
arrBilleder[3] = "img4.gif";
arrBilleder[4] = "img5.gif";


var intAntal = 15;
var dtmDato = new Date();
var dtmMidnight = new Date(dtmDato.getYear(), dtmDato.getMonth(), dtmDato.getDate());
var dtmStartDate = new Date(2000, 1, 1);
var intNumber = Math.round((dtmMidnight.valueOf() - dtmStartDate.valueOf())/86400000) % intAntal;

document.write("<img src=\"" + arrBilleder[intNumber] + "\">");
document.write(arrTekster[intNumber])


hertil.

Kald den fx. tekstogbillede.js, eller knuderik.js, det er ligegyldigt.

indsæt dette på din side, der hvor du vil have tingene til at komme frem:
<script language="javascript" src="tekstogbillede.js"></script>


olebole > Det er lige så tilfældigt som kimmys gør det. Han blander selv kortene på forhånd. Det bliver det vel ikke mindre tilfældigt af??

kimmys > Der SKAL være 15 billeder og 15 tekster (fra 0 til 14), eller rettere der skal være intAntal:

var intAntal = 15;

- har jeg skrevet, hvis du har flere eller færre retter du blot tallet her.

okay.. så laver vi det bare nemmere...

vi har de 15 billeder... hvis nu vi mixer dem rundt sådan at de fx er forskellige 30 gange/dage.. og så gentager den det bare igen..  Er I med?

hvis jeg laver 25 forskellige tekster og mixer dem rundt så de er forskellige 50 gange/dage.. og gentager det igen..

så vil de jo køre usynkroniseret.. og se ud som om de er tilfældige..

kunne det så være en mulighed.. hvis I kan følge mig?

det er måske også det du mener ldanielsen?

Vi kan ligeså godt lave det tilfældigt, når det nu kan lade sig gøre ret let. Skriv dette i en fil og kald den 'randpic.js':

var arrTekster = new Array();
arrTekster[0] = "Tekst 1";
arrTekster[1] = "Tekst 2";
arrTekster[2] = "Tekst 3";
arrTekster[3] = "Tekst 4";
arrTekster[4] = "Tekst 5";

var arrBilleder = new Array();
arrBilleder[0] = "img1.gif";
arrBilleder[1] = "img2.gif";
arrBilleder[2] = "img3.gif";
arrBilleder[3] = "img4.gif";
arrBilleder[4] = "img5.gif";

function getRandPic() {
    var aRand, tmp, nD, myD, myM;
    aRand = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,14,13,12,11,10,9,8,7,6,5,4,3,2,1,2,3,4];
    nD = new Date();
    myM = nD.getMonth()+1;
    myD = nD.getDate();
    for ( i=0; i<myM; i++) {
        tmp = aRand.shift();
        aRand.push(tmp);
    }
    return { "pic":"<img src=\"" + arrBilleder[aRand[myD]] + "\">", "txt":arrTekster[aRand[myD]] };
}
var randPic = getRandPic();


Filen impoterer du med:
  <script type="text/JavaScript" src="randpic.js"></script>

Så kan du udskrive billedet med:
<script type="text/JavaScript">
    document.write(randPic.pic);
</script>

og teksten med:
<script type="text/JavaScript">
    document.write(randPic.txt);
</script>

Du skal naturligvis sørge for, der er 15 tekster og 15 billeder i de to arrays. Et par gange om året vil det kunne forkomme, at der kommer samme tekst/billede to dage i træk - men ikke mere.
Til gengæld bladrer du ikke bare en liste igennem - men efterligner tilfældighed temmelg godt  :)

okay i:
arrTekster[4] = "Tekst 5
forsætter jeg bare til 15 ikke og det samme med arrBilleder[0] = "img1.gif";

MEn nu kigger jeg lige på

aRand = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,14,13,12,11,10,9,8,7,6,5,4,3,2,1,2,3,4];

Der er ingen 0 med.. er det meningen.. eller en fejl for så vil tekst 0 og billede 0 da ikke komme med vel?

Oooooops  :)
    return { "pic":"<img src=\"" + arrBilleder[aRand[myD]-1] + "\">", "txt":arrTekster[aRand[myD]-1] };

men du svarede ikke.. der skal ikke være et 0 med i aRand = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,14,13,12,11,10,9,8,7,6,5,4,3,2,1,2,3,4];
??

kimmys > rigtigt, men som sagt; 15 billeder betyder at du skal have 15 linier, fra 0 til 14, ok?

olebole > Har alle billeder lige stor chance for at blive trukket? Og selvom man gør som du siger, så kan man alligevel sige at forløbet er fastlagt på forhånd, ikke? Du har lavet en funktion der tilsyneladende kommer med et tilfældigt tal, var det så ikke bedre at lave en funktion der én gang for alle genererer en række tal mellem 0 og 14, og så bruge den.

ok.. 15 linjer og 15 billeder

lavede lige en forbedring:

var arrTekster = new Array();
arrTekster[0] = "Tekst 1";
arrTekster[1] = "Tekst 2";
arrTekster[2] = "Tekst 3";
arrTekster[3] = "Tekst 4";
arrTekster[4] = "Tekst 5";

var arrBilleder = new Array();
arrBilleder[0] = "img1.gif";
arrBilleder[1] = "img2.gif";
arrBilleder[2] = "img3.gif";
arrBilleder[3] = "img4.gif";


var dtmDato = new Date();
var dtmMidnight = new Date(dtmDato.getYear(), dtmDato.getMonth(), dtmDato.getDate());
var dtmStartDate = new Date(2000, 1, 1);
var intNumber = Math.round((dtmMidnight.valueOf() - dtmStartDate.valueOf())/86400000);

document.write("<img src=\"" + arrBilleder[intNumber % arrBilleder.length] + "\"><br>");
document.write(arrTekster[intNumber % arrTekster.length]);

nu er den ligeglad med hvor mange der er, og om der er lige mange tekster og billeder

jeg får en fejl 2 gange:

"randPic" er ikke defineret

nu har jeg lige prøvet med 5 tekster og 5 billeder...

Vil den altid tage det samme nr i tekster og billeder? altså:

arrTekster[1] = "Tekst 2"; og
arrBilleder[1] = "img2.gif";

arrTekster[4] = "Tekst 5"; og
arrBilleder[3] = "img4.gif";

eller er det bare tilfældigt at det lige skete for mig?

hov.. altså

arrTekster[1] = "Tekst 2"; og
arrBilleder[1] = "img2.gif";

arrTekster[4] = "Tekst 5"; og
arrBilleder[4] = "img5.gif";

Arrrrrrrrg... I kan da ikke være gået i seng nu?

næ, og nu skulle der være kommet et nyt billede

Den tager det samme billede et døgn ad gangen

ja der er kommet et nyt billede og en ny tekst.. men det følger rækkefølgen 1,2,3,4,5.. hele tiden har nemlig prøvet at skifte dato på computeren

Prøv at udskifte oles array med:

aRand = [9,6,14,2,4,11,7,0,9,1,12,13,10,3,14,7,13,5,6,8,10,8,3,5,12,0,11,1,5,4,2];

-- og undlad hans rettelse, hvor der trækkes en fra, så bliver det vist svært at finde en logik ...

okay.. nu kommer de forskelligt.. Men stadig det samme problem med at

arrTekster[1] = "Tekst 2"; og
arrBilleder[1] = "img2.gif";

arrTekster[4] = "Tekst 5"; og
arrBilleder[4] = "img5.gif";

følges ad..

Prøv så med at lave endnu lidt simpelt snyd:

    return { "pic":"<img src=\"" + arrBilleder[aRand[myD]] + "\">", "txt":arrTekster[aRand[aRand.length-myD]] };

Det ser skam ud til at virke..

Men skal antal tekster og billeder følges ad nu.. eller er det ligemeget?

Som det lige er lavet, ja !o]

Det er absolut muligt at ændre, hvis det er vigtigt, at det ikke følges ad (og det vil stadig være sådan, at den samme kombination vil komme den 19. i hver måned, men det vil være svært at genkende !-)

-- men hver gang du komplicerer, vil vi jo tilføre potentielle fejl-muligheder, så hvis det umiddelbart virker (og virker rimeligt fornuftigt !-), kan vi jo bruge det gamle ord: 'If it ain't broken, don't fix it' !o]

nej så er det bare ligemeget mester..

jeg har jo 15 billeder.. sætter bare de samme billeder ind igen, men giver dem andre navne fx img18.gif.. men laver 15 nye forskellige tekster med andre navne .. så må det da blive blandet godt??

Så tror jeg da ikke vi ødelægger noget?

forresten.. "operating system" så som Windows, Linus.. Vil man på dansk ikke oversætte dem til "styre system"?

Næh, det vil jo også være usandsynligt, at en bruger kommer præcis den 19. flere måder i træk, og ikke når at komme på andre dage, hvor bare een af de billeder eller tekster, som kommer den dag, er kommet i en anden kombination ...

Måske 'Rainman' kunne have afdækket den !-)

Jo, den danske oversættelse af 'operating system' er styresystem ...

... flere måneder i træk ...

det der med "...flere måneder i træk.." var det en kommentar til "så må det da blive blandet godt??"

Okay.. Styresystem i et ord! Tak! =)

Hvis olebole, ldanielsen og roenving gider at ligge et svar i spørgsmål http://www.eksperten.dk/spm/551654
vil de få deres point!

Og tak for hjælpen alle sammen!

-- det var en rettelse til tavetossen i første linje @ 02:51:21 ...

Og velbekomme ;O)

Skal spørge fra nogen fra hjemmesiden om det er muligt at lave så den kun skifter hver uge?

Ja, principielt, men så skal oles eksempel genopbygges fra bunden, for den algoritme han bruger gør netop brug af både månedsnummer og dagnummer ...

okay.. så det er ikke lige til?

Nej, for uger findes jo uafhængigt af månedsnumre og datoer, og hvis det skal følge uger skal det vel ikke skifte den 1. også, hvilket en simpel tilpasning ville give ...

hmm.. næææ.. så kan de bare holde deres kæft! =)

Det er ikke noget problem at få den til at skifte hver uge, men hvilken kode bruger du nu?

jeg bruger:
function getRandPic() {
    var aRand, tmp, nD, myD, myM;
    aRand = [9,6,30,14,16,24,2,4,11,7,25,0,9,1,28,21,12,17,13,10,3,14,20,7,13,5,6,18,26,8,10,8,27,3,5,12,22,0,11,19,29,1,5,4,23,2];
    nD = new Date();
    myM = nD.getMonth()+1;
    myD = nD.getDate();
    for ( i=0; i<myM; i++) {
        tmp = aRand.shift();
        aRand.push(tmp);
    }
    return { "pic":"<img src=\"" + arrBilleder[aRand[myD]] + "\">", "txt":arrTekster[aRand[aRand.length-myD]] };
}
var randPic = getRandPic();


Som du kan se har jeg tilføjet lidt tal i function getRandPic() {
    var aRand, tmp, nD, myD, myM;
    aRand =
op til 30.. ved ikke om det er mig.. men ellers synes jeg ikke der blev udtrukket nogle billeder eller tekster efter 15.. hvis du forstår.. har nemlig 30 billeder og tekster nu

Jeg trækker bare ugedagen fra, så bliver nD altid den foregående søndag. Vil du have at det skal blive en anden dag lægger du bare et antal dage til. Jeg lægger her 6 til og tager modulus 7 af det så det altid skifter en mandag:

nD.setDate(nD.getDate() - ((nD.getDay() + 6) % 7));


Så sådan kan det laves:

function getRandPic() {
    var aRand, tmp, nD, myD, myM;
    aRand = [9,6,30,14,16,24,2,4,11,7,25,0,9,1,28,21,12,17,13,10,3,14,20,7,13,5,6,18,26,8,10,8,27,3,5,12,22,0,11,19,29,1,5,4,23,2];
    nD = new Date();
    nD.setDate(nD.getDate() - ((nD.getDay() + 6) % 7));
    myM = nD.getMonth()+1;
    myD = nD.getDate();

    for ( i=0; i<myM; i++) {
        tmp = aRand.shift();
        aRand.push(tmp);
    }
    return { "pic":"<img src=\"" + arrBilleder[aRand[myD]] + "\">", "txt":arrTekster[aRand[aRand.length-myD]] };
}
var randPic = getRandPic();

Så det skulle bare virke?

"ved ikke om det er mig.. men ellers synes jeg ikke der blev udtrukket nogle billeder eller tekster efter 15.. hvis du forstår.. har nemlig 30 billeder og tekster nu" Er det bare mig eller?

Yes.. det ser ud til at virke helt fint.. Taaak.. Venter bare på at olebole skal ligge et svar så I kan få point!

Du har ret! aRand[myD] kan ikke blive højere end det højeste tal i Array'et.

Hvad gør man så ... ?

Du må endelig ikke spørge mig.. havde mere håbet på et svar! =(

hmm.. vi snakker om det samme ikke?

"Som du kan se har jeg tilføjet lidt tal i function getRandPic() {
    var aRand, tmp, nD, myD, myM;
    aRand =
op til 30.. ved ikke om det er mig.. men ellers synes jeg ikke der blev udtrukket nogle billeder eller tekster efter 15.. hvis du forstår.. har nemlig 30 billeder og tekster nu"

Men jeg vil bare vide om jeg bare kan blive ved med at indsætte tal i "i function getRandPic() {
    var aRand, tmp, nD, myD, myM;
    aRand = [9,6,.....]"

I forhold til hvor mange billeder og tekster jeg har??

Ja, så længe du fylder tal i virker rigtigt, det har du da ret i. Hvis det ikke ændrer sig særlig tit er det måske ok?

I virkeligheden skulle olebole vel svare, det er hans opfindelse. Jeg forstår stadig ikke hvordan det kan lade sig gøre at alle billeder har lige stor "chance" i hans funktion.

jamen Olebole har jo ikke skrevet længe.. =( Men jeg har da testet scriptet den gang det var med dage - tager helt tilfældige billeder..

>>ldanielsen

-- ideen i oleboles er, at man har en rækkefølge fra starten, den skubbes, så de første x billeder lægges bagest, hvor x er månedsnummeret, og derefter tages det billede, som efter den øvelse står på den plads, som svarer til dagen ...

-- scramblingen af rækkefølgen vil kun for alvor kunne ses af de, som kender rækkefølgen af billederne på serveren !-)

Okay.. Men jeg skal bare forsætte med at sætte tal ind i aRand = [9,6,.....]" hvis jeg tilføjre billeder og tekst.. Det kan jeg da finde ud af :) bare det virker.. så er jeg glad.. Olebole.. kommer du ikke snart igen..