Avatar billede 1005 Nybegynder
02. januar 2002 - 06:57 Der er 1 løsning

åben pic. fra diashow


nedenstående er et script jeg bruger til at vise forskellige små billeder, som diasahow. jeg ønsker at kunne gøre hvert enkelt billede stort, 400x400px for nærmere at se detaljerne, kan det gøres og hvordan.. eftersom det hele ligger i headen kan jeg vel ikke nå de enkelte billeder efterfølgende startbillederne???

<html><head>
<title>Untitled Document</title>
<SCRIPT LANGUAGE=\"JavaScript\">
<!--

prev1 = new Image (25,25);
prev1.src = \"p_tilb.gif\";

next1 = new Image (25,25);
next1.src = \"p_frem.gif\";

maxPic = 10;

p1 = new Image (120,120);
p1.src = \"pic/11.jpg\";

p2 = new Image (120,120);
p2.src = \"pic/12.jpg\";

p3 = new Image (120,120);
p3.src = \"pic/13.jpg\";

p4 = new Image (120,120);
p4.src = \"pic/14.jpg\";

p5 = new Image (120,120);
p5.src = \"pic/15.jpg\";

p6 = new Image (120,120);
p6.src = \"pic/16.jpg\";

p7 = new Image (120,120);
p7.src = \"pic/17.jpg\";

p8 = new Image (120,120);
p8.src = \"pic/18.jpg\";

p9 = new Image (120,120);
p9.src = \"pic/19.jpg\";

p10 = new Image (120,120);
p10.src = \"pic/20.jpg\";

count = 1;
function next() {
count++;
if (count > maxPic) {
count = 1;
}
eval(\"document.p.src=p\" + count + \".src\");
}
function back() {
count--;
if (count == 0) {
count = maxPic;
}
eval(\"document.p.src=p\" + count + \".src\");
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=10) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v==\'show\')?\'visible\':(v=\'hide\')?\'hidden\':v; }
    obj.visibility=v; }
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>


<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<link rel=\"stylesheet\" href=\"a.css\" type=\"text/css\">
</head>
<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">
  <tr>
    <td>
      <table width=\"620\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"410\" align=\"center\">
        <tr>
          <td valign=\"top\" height=\"78\">
            <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
              <tr>
                <td>
                  <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
                    <tr>
                      <td width=\"105\"><img src=\"pic/logo.jpg\" width=\"105\" height=\"115\"></td>
                      <td width=\"515\" background=\"pic/top2.gif\" valign=\"top\">
                       
                          <p align=\"right\"></p>
                   
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td height=\"20\">
                      </td>
        </tr>
        <tr>
          <td valign=\"top\">
            <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"260\">
              <tr>
                <td width=\"220\"><!-- #BeginEditable \"pic\" -->
                  <div align=\"center\"><img src=\"pic/11.jpg\" width=\"120\" height=\"120\" name=\"p\" border=\"0\"><br>
                  </div>
                  <table width=\"75%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=\"center\">
                    <tr>
                      <td height=\"24\">
                        <div align=\"center\"><a href=\"java script:next()\" ><img src=\"pic/tilb.gif\" width=\"18\" height=\"18\" name=\"next\" border=0></a></div>
                      </td>
                      <td height=\"24\">
                        <div align=\"center\"><a href=\"java script:back()\" ><img src=\"pic/frem.gif\" width=\"18\" height=\"18\" name=\"prev\" border=0></a></div>
                      </td>
                    </tr>
                    <tr>
                      <td height=\"24\" colspan=\"2\">
                        <div align=\"center\">
                          <p><font face=\"Verdana, Arial, Helvetica, sans-serif\" color=\"#FF9900\"><a href=\"#\" onClick=\"MM_openBrWindow(\'planteg/fopl.htm\',\'plan3\',\'width=640,height=600\')\">|plantegninger|</a></font></p>
                        </div>
                      </td>
                    </tr>
                  </table>
                td>
                <td>
                  <DIV STYLE=\"text-align : justify;\">
                    <p><b><font color=\"#333333\" face=\"Verdana, Arial, Helvetica, sans-serif\">xxx</font></b><font color=\"#333333\" face=\"Verdana, Arial, Helvetica, sans-serif\">xxxxxxxxxxxxx</font></p>
      </div>
                              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>
            <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">
              <tr>
                <td width=\"98\">
                  <p align=\"center\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"><b><a href=\"aaaaaa.htm\">aaaaaaa</a></b>
                    </font></p>
                </td>
                <td width=\"68\">
                  <p align=\"center\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"><b><a href=\"sssssss.htm\">sssss</a></b>
                    </font></p>
                </td>
                <td width=\"68\">
                  <p align=\"center\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"><b><a href=\"tttttt.htm\">ttttt</a></b>
                    </font></p>
                </td>
                <td width=\"98\">
                  <p align=\"center\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"><a href=\"ddddd.htm\">ddddd</a></font>
                  </p>
                </td>
                <td width=\"88\">
                  <p align=\"center\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"><a href=\"fffff.htm\" >fffff</a></font>
                  </p>
                </td>
                <td width=\"118\">
                  <p align=\"center\"><a href=\"ggggggg.htm\"><font face=\"Verdana, Arial, Helvetica, sans-serif\">gggggg</font></a></p>
                </td>
                <td width=\"78\">
                  <div align=\"center\">
                    <p align=\"center\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"><a href=\"hhhhhhhh.htm\">hhhhhhhhhh</a></font></p>
                  div>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>

 
    </td>
  </tr>
</table>
</body>
<html>
Avatar billede 1005 Nybegynder
25. februar 2002 - 07:30 #1
djo
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
Kurser inden for grundlæggende programmering

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