Avatar billede mr-bob Nybegynder
03. august 2004 - 07:09 Der er 6 kommentarer og
2 løsninger

Skifte billede på forside?

Har en hjemmeside, hvor billedet på forsiden skal skifte mellem en række billeder.
jeg kan bare ikke helt greje hvordan dette gøres. på den side jeg har fået lavet nu, bliver der skiftet mellem 3 billeder, men jeg kan ikke finde ud af hvordan jeg sætter den til at skifte til nogle flere billeder.

i "kilden" er den eneste reference til billedet "<img border="0" width="280" height="198" src="/images/forside_stor3.jpg">"

men den skifter imellem forside_stor1.jpg, forside_stor2.jpg og forside_stor3.jpg.

nogen der ved hvordan dette laves?
Avatar billede -kenner- Nybegynder
03. august 2004 - 10:32 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
   

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

function SymError()
{
  return true;
}

window.onerror = SymError;

//-->
</script>

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

function SymError()
{
  return true;
}

window.onerror = SymError;

//-->
</script>

<script language="JavaScript1.2">
    function colorchange(t1,t2){
        if (t2==0)
            t1.filters.alpha.opacity=100
        else
            t1.filters.alpha.opacity=50
    }
    var LastObj = false;
    function rullemenu(val){
        myObj = (document.getElementById)? document.getElementById(val) : document.all[val];
        myObj.style.display = (myObj.style.display=="block" )? "none" : "block";
        LastObj = myObj;
    }
    var LastObj = false;
    function rullemenuind(val){
        myObj = (document.getElementById)? document.getElementById(val) : document.all[val];
        myObj.style.display = (myObj.style.display=="block" )? "none" : "none";
        LastObj = myObj;
    }
    </SCRIPT>
        <script language="JavaScript">
    <!--
        function Popup(fil, width, height, scrollbars, resizable)
        {
            window.open (fil, "popup", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars="+scrollbars+",resizable="+resizable+",width="+width+",height="+height+"")
        };
    // -->
    </script>
    </head>

<body text="black" link="black" vlink="black" alink="black">



    <div align="center">
            <table width="400" height="100%" border="0" cellspacing="0" cellpadding="0">
        <!-- TOP MED TOPTEKST OG 468x60 BANNER START -->

                                    <html>

                                        <head>
                                            <title>SlideShow - JavaScript</title>
                                        </head>

                                        <script language="JavaScript">
<!--
var slideShowSpeed = 3000;
var crossFadeDuration = 3;
var Pic = new Array();

Pic[0] = 'Banner.gif'
Pic[1] = 'Banner-man-1.gif'
Pic[2] = 'Banner-man-2.gif'
Pic[3] = 'Banner-man-3.gif'
Pic[4] = 'Banner.gif'

var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i <p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// -->
</script>

                        <body onload="runSlideShow()">
                                <table border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                <td id="VU"><img src="..Banner.gif" name="SlideShow" height=80 width=400></td>
                                    </tr>
                                </table>
                           
                                        </body>

                                    </html>
                        <script type='text/javascript'>

function Go(){return}
Avatar billede -kenner- Nybegynder
03. august 2004 - 10:33 #2
pic[0]
pic[1]
pic[2]
pic[3]
pic[4]

er billederne der skiftes imellem...
Avatar billede roenving Novice
03. august 2004 - 13:25 #3
-- men du har jo fået blandet html-filen fuldstændig forkeret, -kenner-

-- man må _ikke_ have flere html-tags, flere body-tags, ej heller en head må forekomme mere end een gang, jeg vil tro, at du med det samme ville se, at det næsten er en stor fejl, hvis du så det i en anden browser end IE ...

-- desuden har du medtaget noget, der såvidt jeg kan se hører til NIS, Norton Internet Security, og da det er sprcifikt for den enkelte computer er det bedst ikke at have det med !-)

-- kigger lige på en udgave, som også er i HTML !o]
Avatar billede roenving Novice
03. august 2004 - 13:39 #4
-- der var også en stribe javascript-funktioner, som ikke var i brug, selvom de ser ganske fornuftige ud, nemlig noget med rullemenu, colorchange og Popup, selvom de sagtens kan laves i en bedre (crossbrowser !-) udgave ...

Dem pillede jeg lige ud, men de står jo korrekt i -kenner-s indlæg, så de er jo nemme at finde frem igen ...

Desuden har jeg selv modificeret en udgave af det script -kenner- viser til at være multi-browser, men _uden_ at fjerne credit-oplysningerne til Dynamic Drive, som en har fjernet her ...

-- men det var ikke lige opgaven, så her kommer en udgave, som er korrekt html, men jeg har ikke testet rigtigt, da jeg ikke lige havde sådanne bannere:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>SlideShow - JavaScript</title>
<script language="JavaScript">
    var slideShowSpeed = 3000;
    var crossFadeDuration = 3;
    var Pic = new Array();

    Pic[0] = 'Banner.gif'
    Pic[1] = 'Banner-man-1.gif'
    Pic[2] = 'Banner-man-2.gif'
    Pic[3] = 'Banner-man-3.gif'
    Pic[4] = 'Banner.gif'

    var t;
    var j = 0;
    var p = Pic.length;
    var preLoad = new Array();
    for (i = 0; i <p; i++) {
      preLoad[i] = new Image();
      preLoad[i].src = Pic[i];
    }
    function runSlideShow() {
      if (document.all) {
        document.images.SlideShow.style.filter="blendTrans(duration=2)";
        document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
        document.images.SlideShow.filters.blendTrans.Apply();
      }
      document.images.SlideShow.src = preLoad[j].src;
      if (document.all) {
        document.images.SlideShow.filters.blendTrans.Play();
      }
      j = j + 1;
      if (j > (p - 1)) j = 0;
      t = setTimeout('runSlideShow()', slideShowSpeed);
    }
</script>
</head>

<body  onload="runSlideShow()">
    <div align="center">
        <table width="400" height="100%" border="0" cellspacing="0" cellpadding="0">
        <!-- TOP MED TOPTEKST OG 468x60 BANNER START -->

            <tr>
                <td id="VU"><img src="..Banner.gif" name="SlideShow" height=80 width=400></td>
            </tr>
        </table>
    </div>                           
</body>

</html>
Avatar billede mr-bob Nybegynder
04. august 2004 - 11:34 #5
takker!!

ligger du lige et svar...
Avatar billede roenving Novice
04. august 2004 - 12:16 #6
-- nu ryttede jeg jo bare op/ud i -kenner-s kode, men okay, det var vist også nødvendigt, så vi kan vel dele '-)

-- ellers havde jeg jo nok henvist til det, jeg selv har pillet i af den slags, som vist også understøtter flere browsere: http://www.eksperten.dk/spm/478961#rid4439494, for blendTrans er et IE-only filter, men jeg har brugt fadeover vha. en IE/Netscape/Mozilla/Firefox kompatibelt modul ...

Kig lige på den (næste post skal medtages !-)
Avatar billede mr-bob Nybegynder
05. august 2004 - 13:10 #7
I deler :-)

takker
Avatar billede roenving Novice
05. august 2004 - 13:16 #8
-- og tak for point ;~}
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