Refresh script

Skal de fade eller bare skifte?

Dette er lavet i javascript...I din mappe med den fil hvor billederne skal vises på laver du en mappe der hedder "billeder" herinde ligger du dine billeder. Alle billederne skal hedde ".jpg" til sidst og navnene skal være fx. "1.jpg" "2.jpg" osv op til fx. 10 billeder.

Vi laver et random til og ganger det med antallet af billeder (i dette eksempel 10)
Og derefter skriver vi billedet ud til siden med variablen "afrund_tal"

For at refreshe siden hvert tiende sekund skal man på sin side bruge dette meta-tag.

'<meta http-equiv="refresh" content="10">'

Dette opdaterer siden hvert 10. sekund.

For at bruge dette til et banner vil det være en god idé at have dette script på en anden side og så loade det på forsiden i et frame. For at kun banneret bliver opdateret (altså at der kommer et nyt banner)

<script type="text/javascript">

var tal     = Math.random() * 10;
var afrund_tal     = Math.round(tal);
                           
document.write('<img src="billeder/' + afrund_tal + '.jpg" width="150" height="150">');
                   
</script>   

Dette skifter billedet som du ønskede...hvis du vil have det til at fade ind tager det noget mere script, hvis du vil have det kan jeg godt poste det as well.

Yes, du skal så bruge alt det her for at få det til at virke..som supplement til det første jeg skrev.

<meta http-equiv="refresh" content="10">'

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

document.write("<style type='text/css'>#thephoto {visibility:hidden;}</style>");

function initImage() {
    imageId = 'thephoto';
    image = document.getElementById(imageId);
    setOpacity(image, 0);
    image.style.visibility = "visible";
    fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
    if (document.getElementById) {
        obj = document.getElementById(objId);
        if (opacity <= 100) {
            setOpacity(obj, opacity);
            opacity += 10;
            window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
        }
    }
}
function setOpacity(obj, opacity) {
    opacity = (opacity == 100)?99.999:opacity;
   
    obj.style.filter = "alpha(opacity:"+opacity+")";
   
    obj.style.KHTMLOpacity = opacity/100;
   
    obj.style.MozOpacity = opacity/100;
   
    obj.style.opacity = opacity/100;
}
window.onload = function() {initImage()}

var tal    = Math.random() * 10;
var afrund_tal    = Math.round(tal);
                         
document.write('<img src="billeder/' + afrund_tal + '.jpg" width="150" height="150" id="thephoto">');
                 
</script>

Alt dette på siden gør at den refresher hvert 10. sekund og hver gang tager den et tildfældigt billede og fader in.

Håber du kan bruge det.

Som jeg skrev i min første post så kan du umiddelbart kun lave det så du kun opdaterer banneret ved at have det i en frame (iframe ville være nemt at bruge her)

Så har du hele din side med banneret øverst i din html/php/asp kode. Øverst placerer du så en <iframe> som linker til en html side med det meta tag og det javascript kode til billederne.

Så opdaterer den kun det indhold som er på den side med billederne, som bliver hentet i en iframe. Ergo bliver kun banneret opdateret.