Søg
Avatar billede reino Nybegynder
11. august 2005 - 06:17 Der er 24 kommentarer og
1 løsning

Skift background i en celle

Hejsa

HAr et problem, har fundet et script der kan ændre backgroundimage på en side. Nu prøver jeg at lave det om til at scriptet skal ændre et backgroundbillede i en cellle istedet, nogen der kan hjælpe der med how to do, har bakset med det meget længe.

<script language="JavaScript">
<!--

var backImage = new Array();
backImage[0] = "11.jpg";
backImage[1] = "22.jpg";
backImage[2] = "33.jpg";
backImage[3] = "";

function changeBGImage(whichImage){
if (document.body){
document.body.background = backImage[whichImage];
}
}

//-->
</script>

<a href="java script:changeBGImage(1)">Skift</a>

Gode points gives, er ikke en ørn til java :)
Avatar billede busschou Praktikant
11. august 2005 - 07:03 #1
nu er jeg en ørn til java og ved derfor at det ikke har noget med javascript at gøre som jeg ikke er en ørn til ;o)
Men prøv evt
--
function changeBGImage(whichImage){
  if (document.body){
    document.body.backgroundImage = backImage[whichImage];
  }
}
Avatar billede busschou Praktikant
11. august 2005 - 07:04 #2
hov
function changeBGImage(whichImage){
  if (document.body){
    document.body.style.backgroundImage = backImage[whichImage];
  }
}
Avatar billede busschou Praktikant
11. august 2005 - 07:05 #3
siden det er stylen backgound-image som skal ændres
Du skriver noget underligt om en celle men som deet står her bliver det hele dokumentets background
Avatar billede busschou Praktikant
11. august 2005 - 07:09 #4
jeg ved ikke hvad din if sætning gør godt for ? jeg vil mene du kan  undvære den og blot sætte baggrunden direkte
Avatar billede reino Nybegynder
11. august 2005 - 07:19 #5
:) Hejsa

Og tak for hurtigt svar så tidligt om morgenen :).

Det ex. jeg først havde vist er det oprindelige script jeg fandt, dette script ændre hele sidens baggrund.

Det jeg ønsker er at have 2 celler i en table, i 1 celle ønsker jeg ex. at få vist 5 billeder, disse vil jeg gerne have vist som background ved at klikke på en af de 5 links til de respektive billeder i celle 2. Dog ønsker jeg ikke at det skal være hele siden som der skal være background på, håber jeg har forklaret det godt nok :)
Avatar billede reino Nybegynder
11. august 2005 - 07:23 #6
Har iøvrigt også forsøgt med denne med noget css, men får et problem ved "id=billede" tagget i cellen hvormed jeg ikke kan finde ud af at tilføje flere billeder, ex. billede1. Det virker fint nok ved 2 billeder.

<html>
<head>
<style>
#billede {
background-repeat: no-repeat;
background-position: center center;
background-image: url(gfx/1.jpg);
}
</style>
<script>
<!--
function changeImage() {
newImage = "url(gfx/2.jpg)";
document.getElementById('billede').style.backgroundImage = newImage;
}
//-->
</script>
</head>
<body>
<table>
<tr>
<td height="300" width="500" id="billede"></td>
</tr>
<tr>
<td><a href="java script:changeImage()">1<td>
</table>
</body>
</html>
Avatar billede busschou Praktikant
11. august 2005 - 07:25 #7
du giver din celle et unikt id
--
<td id="celle1">

Derefter laver du funktionen om til

function changeBGImage(whichImage){
  document.getElementById('celle1').style.backgroundImage = backImage[whichImage];
}
Avatar billede busschou Praktikant
11. august 2005 - 07:26 #8
hvis det er fordi du vil have flere celler saa skal de have hvert deres unikke id
Avatar billede busschou Praktikant
11. august 2005 - 07:27 #9
det burde virke med en celle og flere billeder
Avatar billede reino Nybegynder
11. august 2005 - 07:32 #10
sorry, nu blev jeg forvirret :), er det ex. 2 som jeg havde postet du mener ?. Nej, jeg ønsker kun at background skal være i en celle, men ikke kun med 2 billeder, det kan være variabelt
Avatar billede busschou Praktikant
11. august 2005 - 07:37 #11
<html>
<head>
<style>
#billede {
background-repeat: no-repeat;
background-position: center center;
background-image: url(gfx/1.jpg);
}
</style>
<script language="JavaScript">
<!--

var backImage = new Array();
backImage[0] = "11.jpg";
backImage[1] = "22.jpg";
backImage[2] = "33.jpg";
backImage[3] = "";

function changeBGImage(whichImage){
document.getElementById('billede1').style.backgroundImage = backImage[whichImage];
}

//-->
</script>
</head>
<body>
<table>
<tr>
<td height="300" width="500" id="billede"></td>
</tr>
<tr>
<td><a href="java script:changeImage()">1<td>
</table>
</body>
</html>

Det burde vist virke
Avatar billede busschou Praktikant
11. august 2005 - 07:37 #12
hov skrev billede1 i stedet for billede .. det skal lige rettes
Avatar billede busschou Praktikant
11. august 2005 - 07:41 #13
argh og glemte ogsa at rette linket
Det skal jo se ud som skrevet oeverst
<a href="java script:changeBGImage(1)">Skift</a>

sorry
Avatar billede busschou Praktikant
11. august 2005 - 07:42 #14
og nu gider min pc ikke skrive ae oe og aa, saa kan vaere jeg maa smutte, crap
Avatar billede reino Nybegynder
11. august 2005 - 07:43 #15
hey, tak, får du en fejl når jeg klikker på skift:

argumentet er ugyldigt, linje 20
Avatar billede busschou Praktikant
11. august 2005 - 07:45 #16
retter det lige

<html>
<head>
<style>
#billede {
background-repeat: no-repeat;
background-position: center center;
background-image: url(gfx/1.jpg);
}
</style>
<script language="JavaScript">
<!--

var backImage = new Array();
backImage[0] = "11.jpg";
backImage[1] = "22.jpg";
backImage[2] = "33.jpg";
backImage[3] = "";

function changeBGImage(whichImage){
document.getElementById('billede').style.backgroundImage = backImage[whichImage];
}

//-->
</script>
</head>
<body>
<table>
<tr>
<td height="300" width="500" id="billede"></td>
</tr>
<tr>
<td><a href="java script:changeBGImage(1)">Skift</a>
<td>
</table>
</body>
</html>
Avatar billede reino Nybegynder
11. august 2005 - 07:47 #17
hey igen, får stadigvæk fejlen:

argumentet er ugyldigt, linje 20

Må være denne:

document.getElementById('billede').style.backgroundImage = backImage[whichImage];
Avatar billede busschou Praktikant
11. august 2005 - 08:54 #18
ahh ja klart, der skal selvfølgelig "url" rundt om billederne :o)
----
<html>
<head>
<style type="text/css">
#billede {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(logo.png);
}
</style>
<script type="text/JavaScript">
  <!--
  var backImage = new Array();
  backImage[0] = "url(11.jpg)";
  backImage[1] = "url(22.jpg)";
  backImage[2] = "url(33.jpg)";
  backImage[3] = "";

  function changeBGImage(whichImage){
    document.getElementById('billede').style.backgroundImage = backImage[whichImage];
  }
  //-->
</script>
</head>
<body>
<table>
  <tr>
    <td height="300" width="500" id="billede"></td>
  </tr>
  <tr>
    <td>
      <a href="java script:changeBGImage('1')">Skift</a>
      <a href="java script:changeBGImage('2')">Skift</a>
    <td>
  </tr>
</table>
</body>
</html>
Avatar billede reino Nybegynder
11. august 2005 - 11:11 #19
kanon, det virkede :), super mange gang tak, smider du lige et svar ?
Avatar billede busschou Praktikant
11. august 2005 - 11:13 #20
jeps, godt det lykkedes til sidst :o)
Avatar billede roenving Novice
11. august 2005 - 12:14 #21
-- og den url bør vel være i funktionslinjen, da den jo ikke giver mening i billed-kartoteket:

  backImage[2] = "33.jpg";
  backImage[3] = "";

  function changeBGImage(whichImage){
    document.getElementById('billede').style.backgroundImage = "url(" + backImage[whichImage] + ")";
  }

-- tjah, så læste jeg den også lige igennem fra en ende af, og tænkte,  hvornår opdager du dog den, busschou *lol*
Avatar billede busschou Praktikant
11. august 2005 - 12:17 #22
hæhæ roenving, jeg er ikke super duper haj endnu, benytter dette forum dels for at hjælpe andre, men nok også for at hjælpe mig selv til at blive bedre :o)
Avatar billede reino Nybegynder
11. august 2005 - 16:11 #23
hey Roenvig, tak for feedback :)
Avatar billede roenving Novice
11. august 2005 - 16:14 #24
U'r welcome ,-)
Avatar billede reino Nybegynder
12. august 2005 - 06:16 #25
Hejsa der igen, har lige oprettet et nyt spørgsmål, 639474 , vedr. scriptet, omkring links, såfremt I har forslag må I meget gerne råbe højt. Havde lige glemt en vigtig detalje :)

VH
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
20/0714:16 Smartwatch med faldalarm og sos Af hkv i Fitness & Smartwatches
20/0711:23 System til bordreservation Af Strawberry i PHP
18/0720:34 Tidsbestemt Gendannelse - ny funktion i Windows Af Uvanga i Windows
White papers
Flere white papers »