Avatar billede j-roar-h Nybegynder
21. november 2010 - 13:26 Der er 4 kommentarer og
1 løsning

Billede som skrifter ved indlæsning

Hej.

Jeg er ved at lave en hjemmeside som er optimeret til mobiltelefoner.

I den forbindelse vil jeg gerne have en funktion som gør, at når man genindlæser siden, viser den et andet billede.

Det er samme funktion som de har her: http://uvm.dk/?mobile=1

Er der nogen der ved hvordan jeg kan lave dette?
Avatar billede Slettet bruger
21. november 2010 - 14:09 #1
Mon ikke bare den viser et random billede - af 10 ?

I stedet for det normale:

<img src='forsideBillede.jpg'>

kan du, hvis det skal holdes i javascript, bruge:

<script>
document.write("<img src='forsideBillede_" + Math.floor(Math.random()*10+1) + ".jpg'>"
</script>

Du skal så bare navngive dine billeder:
forsideBillede_1.jpg, forsideBillede_2.jpg .. forsideBillede_10.jpg
Avatar billede j-roar-h Nybegynder
21. november 2010 - 14:17 #2
Jeg har nu prøvet at sætte din kode ind, men den melder fejl.

Min kode ser sådan ud:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Ringsted Tennisklub</title>
        <link rel="stylesheet" type="text/css" href="m/CSS/phone.css"media="screen" />
        <script src="m/rotation/rotationsbilleder/rotation.js" type="text/javascript"></script>
        <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/favicon.ico" />
        <link rel="apple-touch-icon" href="/gfx/mobile/iphone_icon.png" />
        <meta name="viewport" content="width = device-width, user-scalable=yes" />
        <meta name="HandheldFriendly" content="true" />
        <meta name="format-detection" content="telephone=no" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
       
    </head>
    <body>




            <div class="page">
                <div class="header clearfix">
          <div class="clearfix"><a href="m.html"><img src="m/images/RTKlogo.png" class="logo" /></a></div></div>
         
         
               
               
              <div class="contentblock_menu clearfix"><ul class="menu">
                <li><a href="m/klubinfo.html">Klubinfo</a></li>
                <li><a href="m/nyheder.html">Nyheder</a></li>
                <li><a href="m/junior.html">Junior</a></li>
                <li><a href="m/senior.html">Senior</a></li>
                </ul></div>
                <div class="contentblock banner clearfix"><script>document.write("<img src='forsideBillede_" + Math.floor(Math.random()*10+1) + ".jpg'>"</script></div>
               
              <div class="contentblock_nyheder clearfix_menu"><h1>Nyheder</h1><ul class="undermenu">
              <li><a href="/Uddannelse/Folkeskolen.aspx?mobile=1">U9 sejr i Holbæk</a></li>
              <li><a href="/Uddannelse/Frie skoler.aspx?mobile=1">Oprykning sikret</a></li>
              <li><a href="/Uddannelse/Gymnasiale uddannelser.aspx?mobile=1">Nattennis</a></li>
              <li><a href="/Uddannelse/De videregaaende uddannelser.aspx?mobile=1">Finaleplads til juniorspiller</a></li>
              <li><a href="/Uddannelse/Erhvervsuddannelser.aspx?mobile=1">U16 hold får spillertøj af IF</a></li></ul></div>
               
                <div class="copyright">Ringsted Tennisklub 2010</a></div>
                <div><a href="http://ringstedtennisklub.dk" class="home">Gå til ringstedtennisklub.dk</a></div>
            </div>
    </body>
</html>


Og jeg har lagt billederne i en mappe kaldet images.
Avatar billede Slettet bruger
21. november 2010 - 15:22 #3
Mon ikke det er den manglende slutparantes, den brokker sig over : )

Mappen og evt. stien til den skal med i koden.
- jeg kan se at du, et sted i sourcen henter et billede således:

<img src="m/images/RTKlogo.png" class="logo" />


Hvis de ligger i samme mappe, så prøv at ret koden til:

<script>
document.write("<img src='m/images/forsideBillede_" + Math.floor(Math.random()*10+1) + ".jpg' />")
</script>
Avatar billede j-roar-h Nybegynder
21. november 2010 - 15:31 #4
Super.. Der virker..
Avatar billede Slettet bruger
21. november 2010 - 15:44 #5
Alletiders :)
- og voldsomt flot hjemmeside i har dér!

Jeg ville dog nok, holde det (pænt irriterende) flash-banner på forsiden..
- og bruge et statisk ét på undersiderne.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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