Avatar billede itmonster Nybegynder
30. august 2003 - 12:07 Der er 3 kommentarer

Random baggrundsbillder på webside ved opstart til siden

Hvordan laver en funktion der gør at hver gang en bruger vil hen på min hjemmeside så viser siden et tilfældigt
baggrundsbilled/billed på siden eller HTML-dokument således det opfattes at der hele tiden sker noget nyt på websitet. SAS har det f.eks.
Avatar billede daxiez Nybegynder
31. august 2003 - 18:03 #1
Du kan fx gøre det med PHP på denne måde:

(billederne skal bare hedde 1 2 eller 3 og skal være jpg filer)


<?
$billnr = rand(1, 3);
echo "<IMG SRC =";
echo "$billnr";
echo ".jpg>";
?>

men kun hvis dit webhotel understøtter PHP.
Avatar billede zerrvox Nybegynder
03. september 2003 - 15:29 #2
Det kan gøres i javascript.
Så du får en kode du bare sætter ind i din html fil.
ska se hva jeg ka gøre, har ikke tid til at lave koden nu... men måske senere :o)
Avatar billede zerrvox Nybegynder
09. september 2003 - 11:19 #3
<!-- FOUR STEPS TO INSTALL RANDOM IMAGES:

  1.  Paste the first code into the HEAD of your HTML document
  2.  Add the onLoad event handler to the BODY tag
  3.  Place the last script in the BODY of your HTML document
  4.  Save the 7 background images to your directory  -->
       
<!-- STEP ONE:  Paste this code into HEAD of your document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Tim Wallace -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

today=new Date();
jran=today.getTime();
var number = 7;
var random_number="";
var image="";
var text_color="";
ia=9301;
ic=49297;
im=233280;
jran = (jran*ia+ic) % im;
random_number = Math.ceil( (jran/(im*1.0)) *number);
// Loads the appropriate image and text color based on random number.
if (random_number==1) {
text_color="000000";
image="paper.gif";
}
if (random_number==2) {
text_color="000000";
image="wood.gif";
}
if (random_number==3) {
text_color="000000";
image="clouds.gif";
}
if (random_number==4) {
text_color="000000";
image="faces.gif";
}
if (random_number==5) {
text_color="000000";
image="marble.gif";
}
if (random_number==6) {
text_color="000000";
image="question.gif";
}
if (random_number==7) {
text_color="000000";
image="plain.gif";
}
// End -->
</SCRIPT>
</HEAD>

<!-- STEP TWO: Add this onLoad event handler to the BODY tag -->

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
document.open();
document.write("<BODY  BACKGROUND='"+image+"' TEXT='"+text_color+"'>");
document.write("<CENTER></CENTER>");
// End -->
</SCRIPT>

<!-- STEP THREE:  Place this script in the BODY of the HTML document  -->

<BODY>

<FORM>
<INPUT  TYPE="button" VALUE="Reload  Page" onClick="window.location='r-images.html'">
</FORM>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
document.write("<CENTER>Background Image: <FONT SIZE=-1>("+image+")</FONT></CENTER>");
// End -->
</SCRIPT>

<!-- STEP FOUR: Save the 7 background images to your directory -->

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  2.38 KB  -->

hehe.... Godt gættet, jeg har ik selv lavet koden. Men det skulle virke. :)
regner med at du selv kan læse instruktionerne inde i koden :)
Håber at det hjælper dig, ellers skriv så ska jeg forklarer koden for dig!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester