Avatar billede dj-sejler Praktikant
20. juli 2002 - 14:18 Der er 19 kommentarer og
1 løsning

Banner med flere forskellige gif-filer

Jeg ønsker at lave en banner der skifter
gif-filen på bestemte tidspunkter som jeg selv kan vælge...

Det er altså koden jeg søger.. selve banneret kan jeg sagtens lave
Avatar billede riversen Nybegynder
20. juli 2002 - 14:40 #1
bestemte tidspunkter = altså forskellige tidsintervaller afhængig af hvilket banner det er eller hvad?
Avatar billede jakoba Nybegynder
20. juli 2002 - 14:55 #2
denne skifter billede hver 6'te time:

indsæt hele scriptet lige der hvor banneret <img kommando skal stå.

<script type='text/javascript'> <!-- //

var bredde = 600;  // indsæt størrelse for dine bannere
var hojde = 80;
var bannere = new Array( 'zzzz.gif', 'godmorgen.gif', 'goddag.gif, 'godaften.gif' );
var valgBillede = banner[ Math.floor( (new Date()).getHours/4 ) ];

function skrivImgKommando( ) {
    document.write( "<img name='imgkommando' border='0' src='"
                  + valgBillede + "' width='" +bredde
                  + "' height='" + hojde +"' alt='banner'>"
                  );
}; //end skrivImgKommando( )

function opdaterImgKommando( ) {
    var nytBillede = banner[ Math.floor( (new Date()).getHours/4 ) ];
    if ( nytBillede != valgtBillede ) {
        valgtBillede = nytBillede;
        document.images.imgkommando.src = valgtBillede;
    }
}; //end opdaterImgKommando( )

skrivImgKommando();

self.onload = "setInterval( 'opdaterImgKommando()', 60*1000 );"
//NB: hvis du allerede har en onload på din side skal
// de 2 onloads kombineres sammen

// -- </script>
Avatar billede jakoba Nybegynder
20. juli 2002 - 14:57 #3
Ups.  getHours er en funktion, der skal () efter i begge de linier hvor den står:

var valgBillede = banner[ Math.floor( (new Date()).getHours()/4 ) ];
    var nytBillede = banner[ Math.floor( (new Date()).getHours()/4 ) ];
Avatar billede dj-sejler Praktikant
20. juli 2002 - 15:06 #4
riversen -->
Lige præcis :)
Avatar billede dj-sejler Praktikant
20. juli 2002 - 15:10 #5
jakoba -->
Hvad så hvis det er til andres sider kan jeg så bare sætte 'http://o.s.v.dk/zzzz.gif' ind på 'zzzz.gif' plads
Avatar billede jakoba Nybegynder
20. juli 2002 - 15:22 #6
Det kan jeg faktisk ikke huske, prøv :-)

noget andet er at det er forholdsmæssigt dyrt at linke til flere servere fra samme side. Se blot hvor sløve websider bliver når der sættes chart.dk bannere og lignende på. Det er bedre at hente billederne til dit eget webstede og bruge dem derfra.

mvh JakobA
Avatar billede dj-sejler Praktikant
20. juli 2002 - 15:25 #7
jakoba -->
Kan det ikke lade sige gøre at den skifter banner for hver gang den bliver laoded?
Avatar billede jakoba Nybegynder
20. juli 2002 - 15:39 #8
Jo, men så bliver det faktisk en god del mere kompliceret. Det kræver jo at du gemmer oplysninger om hvad der blev hentet sidst, og også at du identificerer og genkender den bruger der vil loade.

Det kan gøres med javascript og cookies, men jeg vil nødig rode mig ud i det.

mvh JakobA
Avatar billede dj-sejler Praktikant
21. juli 2002 - 15:13 #9
jakoba -->
Det script skifter det klokken 24:00/0:00, 6:00, 12:00  og 18:00?
Avatar billede jakoba Nybegynder
21. juli 2002 - 15:33 #10
nemlig.
Avatar billede dj-sejler Praktikant
21. juli 2002 - 16:03 #11
jakoba -->
Det du har skrevet med at det skal sættes ind lig der hvor img kommandoen skal stå forstår jeg ikke

Jeg har lavet dette kan du ikke prøve at forklare det ud fra det?

<!-- Bandholm Sejlklub - banerscript version 1.00 start -->

<script language="javascript" type="text/javascript">

<!--
  document.write('<a href="http://www.bs.mknet.dk" target="_blank">');
  var myref; myref=document.referrer;
  document.write('<img src="http://www.bs.mknet.dk/bandholm_banner01.gif" border="0" alt="Klik her og kom til Bandholm Sejlklub på nettet!"><');
  document.write('/a>');
//-->

</script>

<noscript>
<p><a href="http://www.bs.mknet.dk" target="_blank"><img src="http://www.bs.mknet.dk/bandholm_banner01.gif" border="0" alt="Bandholm Sejlklub - Stedet, hvor man mødes"></a>
</noscript>

<!-- Bandholm Sejlklub - banerscript version 1.00 slut -->
Avatar billede jakoba Nybegynder
21. juli 2002 - 16:12 #12
Det du har skrevet kunne tyde på at der til hvert banner billede skal høre et link, som der hoppes til når der klikkes på banner billedet. er det korrekt?
Avatar billede dj-sejler Praktikant
21. juli 2002 - 16:36 #13
øh ja...
men det er det samme link det skal bare være forskellige bannere
Avatar billede jakoba Nybegynder
21. juli 2002 - 16:50 #14
så er det nemt nok:

<!-- Bandholm Sejlklub - banerscript version 1.00 start -->

  <p><a href="http://www.bs.mknet.dk" target="_blank"
><script language="javascript" type="text/javascript">
<!--

var bredde = 600;  // indsæt størrelserne for dine bannere
var hojde  = 80;
var bannere = new Array( 'zzzz.gif', 'godmorgen.gif', 'goddag.gif, 'godaften.gif' );
var valgBillede = banner[ Math.floor( (new Date()).getHours/4 ) ];

function skrivImgKommando( ) {
    document.write( "<img name='imgkommando' border='0' src='"
                  + valgBillede + "' width='" +bredde
                  + "' height='" + hojde +"' alt='banner'>"
                  );
}; //end skrivImgKommando( )

function opdaterImgKommando( ) {
    var nytBillede = banner[ Math.floor( (new Date()).getHours/4 ) ];
    if ( nytBillede != valgtBillede ) {
        valgtBillede = nytBillede;
        document.images.imgkommando.src = valgtBillede;
    }
}; //end opdaterImgKommando( )

skrivImgKommando();

self.onload = "setInterval( 'opdaterImgKommando()', 60*1000 );"
//NB: hvis du allerede har en onload på din side skal
// de 2 onloads kombineres sammen

//-->
</script
><noscript
><img src="http://www.bs.mknet.dk/bandholm_banner01.gif"
    border="0" alt="Bandholm Sejlklub - Stedet, hvor man mødes"
></noscript></a>

<!-- Bandholm Sejlklub - banerscript version 1.00 slut -->

mvh JakobA
Avatar billede jakoba Nybegynder
21. juli 2002 - 17:16 #15
Og så glemte jeg naturligvis retelsen med () efter getHours.
og fandt et par andre:

<!-- Bandholm Sejlklub - banerscript version 1.00 start -->

  <p><a href="http://www.bs.mknet.dk" target="_blank"
><script language="javascript" type="text/javascript">
<!--

var bredde = 600;  // indsæt størrelserne for dine bannere
var hojde  = 80;
var bannere = new Array(
      'http://www.bs.mknet.dk/bandholm_banner00.gif',
      'http://www.bs.mknet.dk/bandholm_banner01.gif',
      'http://www.bs.mknet.dk/bandholm_banner03.gif',
      'http://www.bs.mknet.dk/bandholm_banner04.gif'
                          );
var valgBillede = bannere[ Math.floor( (new Date()).getHours()/6 ) ];

function skrivImgKommando( ) {
    document.write( "<img name='imgkommando' border='0' src='"
                  + valgBillede + "' width='" +bredde
                  + "' height='" + hojde +"' alt='banner'>"
                  );
}; //end skrivImgKommando( )

function opdaterImgKommando( ) {
    var nytBillede = bannere[ Math.floor( (new Date()).getHours()/6 ) ];
    if ( nytBillede != valgtBillede ) {
        valgtBillede = nytBillede;
        document.images.imgkommando.src = valgtBillede;
    }
}; //end opdaterImgKommando( )

skrivImgKommando();

self.onload = "setInterval( 'opdaterImgKommando()', 60*1000 );"
//NB: hvis du allerede har en onload på din side skal
// de 2 onloads kombineres sammen

//-->
</script
><noscript
><img src="http://www.bs.mknet.dk/bandholm_banner01.gif"
    border="0" alt="Bandholm Sejlklub - Stedet, hvor man mødes"
></noscript></a>

<!-- Bandholm Sejlklub - banerscript version 1.00 slut -->
Avatar billede dj-sejler Praktikant
21. juli 2002 - 17:17 #16
Det virker ikke!!!
Den siger et eller andet med at banner ikke er defineret omkring denne linie!
var valgBillede = banner[ Math.floor( (new Date()).getHours/4 ) ];
Jeg har også sat () in før /
Avatar billede dj-sejler Praktikant
21. juli 2002 - 17:18 #17
Du kan se den på:
www.bs.mknet.dk/ny_side_1.htm
Avatar billede dj-sejler Praktikant
21. juli 2002 - 17:24 #18
Nu virker det :)
Kan det lade sig gøre at det er
4 forskellige links til bannerne?
Avatar billede jakoba Nybegynder
21. juli 2002 - 17:38 #19
det bliver noget i retning af:

<!-- Bandholm Sejlklub - banerscript version 1.00 start -->

  <p><a href="http://www.bs.mknet.dk" target="_blank"
        onclick="this.href=urler[valgNummer];return true"
><script language="javascript" type="text/javascript">
<!--

var bredde = 600;  // indsæt størrelserne for dine bannere
var hojde  = 80;
var bannere = new Array(          // de billeder der skal vises
      'http://www.bs.mknet.dk/bandholm_banner00.gif',
      'http://www.bs.mknet.dk/bandholm_banner01.gif',
      'http://www.bs.mknet.dk/bandholm_banner03.gif',
      'http://www.bs.mknet.dk/bandholm_banner04.gif'
                          );
var urler = new Array(            // de adresser linket skal hoppe til
      'http://www.eksperten.dk',
      'http://www.script.dk',
      'http://www.google.com',
      'http://www.fotx.net/jakoba'
                          );
var valgNummer  = Math.floor( (new Date()).getHours()/6 );
var valgBillede = bannere[ valgNummer ];

function skrivImgKommando( ) {
    document.write( "<img name='imgkommando' border='0' src='"
                  + valgBillede + "' width='" +bredde
                  + "' height='" + hojde +"' alt='banner'>"
                  );
}; //end skrivImgKommando( )

function opdaterImgKommando( ) {
    var nytNummer = Math.floor( (new Date()).getHours()/6 );
    var valgBillede = bannere[ valgtNummer ];
    var nytBillede = bannere[ Math.floor( (new Date()).getHours()/6 ) ];
    if ( nytBillede != valgtBillede ) {
        valgtBillede = nytBillede;
        valgtNummer = nytNummer;
        document.images.imgkommando.src = valgtBillede;
    }
}; //end opdaterImgKommando( )

skrivImgKommando();

self.onload = "setInterval( 'opdaterImgKommando()', 60*1000 );"
//NB: hvis du allerede har en onload på din side skal
// de 2 onloads kombineres sammen

//-->
</script
><noscript
><img src="http://www.bs.mknet.dk/bandholm_banner01.gif"
    border="0" alt="Bandholm Sejlklub - Stedet, hvor man mødes"
></noscript></a>

<!-- Bandholm Sejlklub - banerscript version 1.00 slut -->
Avatar billede dj-sejler Praktikant
21. juli 2002 - 17:40 #20
Okay det må jeg prøve senere... :)
Jeg sige mange tak for hjælpen...
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