Till Startsidan

Skaffa webbhotell?
Läs JavaScript.nu's jämförelse av webbhotell.
Med priser från
9 kr / månad.

Genom ett samarbete får alla JavaScript.nu-
besökare dessutom 100 kr i rabatt vid beställning.


Re: Slumpmässiga bilder(javascript)

[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]


Forum / Slumpmässiga bilder(javascript)
 Så här borde det se ut på ett ungefär:

<script>
function visa_bild(){
bilder=["cardotd/abductor.jpg","cardotd/achancem.jpg","cardotd/adrazar.jpg","cardotd/adunaphel.jpg","cardotd/afriendort.jpg","cardotd/agburanar.jpg"];
lankar=["abductor.html","http://example.com/","test.jpg","http://example.org/","http://example.net/","?a=b"];

var d=new Date();
var ind=(d.getDate()*13+d.getFullYear()*19+d.getMonth()*7)%bilder.length;

return '<a href="'+lankar[ind]+'"><img src="'+bilder[ind]'"></a>';
}
</script>

Enda ändringen är alltså att indexet 'ind' sätts till det pseudoslumpmässiga talet uträknat utifrån dagens datum (modulo arrayens storlek förstås, för att få ett giltigt värde), istället för ett pseudoslumpmässigt tal taget från Math.random().

(Jag tog också bort det nu ganska onödiga attributet language="JavaScript", gjorde allt till lowercase av vana och tog bort copyright-noteringen pga. skriptets trivialitet. Jag vet inte vad du vill länka till så jag behöll exempel-bilder och -länkar, det borde vara enkelt att lägga till dem igen.)

Simon

 
Det var ju bra. Exakt var ska man lägga in det här nya i det existerande scriptet nedan?

<SCRIPT LANGUAGE="javascript">
<!--This is one of many scripts which are available at: *---
//--http://www.JavaScript.nu/javascript *---
//--This script is FREE, but you MUST let these lines *---
//--remain if you use this script. *---
function visa_dag()
{

//***---Här skriver du vilka bilder som ska kunna komma fram varje dag. Första bilden kommer dag 1 varje månad, bild 2 kommer dag två varje månad etc.
bild=new Array("cardotd/abductor.jpg","cardotd/achancem.jpg","cardotd/adrazar.jpg",
"cardotd/adunaphel.jpg","cardotd/afriendort.jpg","cardotd/agburanar.jpg","cardotd/akhorahil.jpg","cardotd/alatar.jpg","cardotd/alignpalantir.jpg","cardotd/ambusher.jpg","cardotd/amonhen.jpg","cardotd/anborn.jpg","cardotd/anduinr.jpg","cardotd/anduril.jpg","cardotd/annalena.jpg","cardotd/aragornII.jpg","cardotd/arinmir.jpg","cardotd/armyotd.jpg","cardotd/arousedenizens.jpg","cardotd/arouseminions.jpg","cardotd/arwen.jpg","cardotd/ashmount.jpg","cardotd/assassin.jpg","cardotd/athelas.jpg","cardotd/awakedeniz.jpg","cardotd/awakenminions.jpg","cardotd/awakentheef.jpg","cardotd/bagend.jpg","cardotd/balin.jpg","cardotd/balrogofmoria.jpg","cardotd/banditlair.jpg")

var d=new Date();
var ind=d.getDate()*13+d.getFullYear()*19+d.getMonth()*7;
var visa_bilden=bild[ind%bild.length];
visa_bilden="<IMG SRC=\""+visa_bilden+"\">";
return visa_bilden
}
//-->
</SCRIPT>

Oroa dig inte, jag har inte nån brådska. Är bara glad att det finns nån här som man kan fråga :)

/Andreas



 
Ja, det går. Koden bör se ut ungefär så här:

function visa_bild(){
bilder=["cardotd/abductor.jpg","cardotd/achancem.jpg","cardotd/adrazar.jpg","cardotd/adunaphel.jpg","cardotd/afriendort.jpg","cardotd/agburanar.jpg"];
lankar=["abductor.html","http://example.com/","test.jpg","http://example.org/","http://example.net/","?a=b"];

var ind=Math.floor(Math.random()*bilder.length);
return '<a href="'+lankar[ind]+'"><img src="'+bilder[ind]'"></a>';
}

Simon

(ursäkta sent svar och så, jag är inte alltför aktiv här längre.)

 
 
För att göra bilden klickbar byter du helt enkelt ut

visa_bilden="<IMG SRC=\""+visa_bilden+"\">";

mot

visa_bilden='<a href="sida.html"><img src="'+visa_bilden+'"></a>';

eller någon annan godtycklig HTML-kod.

Testade med exmplet ovan, vilket funkade fint! Istället för länk till en html-sida skulle jag dock vilja ha en länk till en större version av den slumpmässiga bilden. Går det?


Postat av Simon (213.89.66.60) den 27 Februari, 2010 kl 14:26:33.
Som svar på: Re: Slumpmässiga bilder(javascript) postat av Andreas den 26 Februari, 2010 kl 21:24:37.


Svar på inlägget:


Posta ett svar:

Namn:
E-Mail:
Rubrik:
Meddelande:
Ja tack, maila mig om andra svarar på detta inlägg.
Ja tack, maila mig om andra svarar på mitt inlägg.


[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]






Copyright © Omid Rouhani 1997-2022; Alla rättigheter reserverade.
Guider: [ HTML guide ] - [ JavaScript guide ] - [ DHTML guide ] - [ Perl guide ] - [ Sitemap ]