Avatar billede ceeked Nybegynder
28. juli 2002 - 14:10 Der er 4 kommentarer og
1 løsning

Visning af billeder

Hejsa

Jeg har denne kode som jeg lige skal have lidt hjælp til:

<html>
<head>
<script>
function PageQuery(q) {
  if(q.length > 1) this.q = q.substring(1, q.length);
  else this.q = null;
  this.keyValuePairs = new Array();
  if(q) {
    for(var i=0; i < this.q.split("&").length; i++) {
      this.keyValuePairs[i] = this.q.split("&")[i];
    }
  }
  this.getKeyValuePairs = function() { return this.keyValuePairs; }
  this.getValue = function(s) {
  for(var j=0; j < this.keyValuePairs.length; j++) {
    if(this.keyValuePairs[j].split("=")[0] == s)
      return this.keyValuePairs[j].split("=")[1];
    }
    return false;
  }
  this.getParameters = function() {
  var a = new Array(this.getLength());
  for(var j=0; j < this.keyValuePairs.length; j++) {
    a[j] = this.keyValuePairs[j].split("=")[0];
  }
  return a;
  }
  this.getLength = function() { return this.keyValuePairs.length; }
}

function queryString(key){
var page = new PageQuery(window.location.search);
return unescape(page.getValue(key));
}
function displayItem(key){
if(queryString(key)=='false')
{
  return (1);
}else{
  return (queryString(key));
}
}
</script>
<head>
<body>
<center>
<script language="JavaScript"><!--
var number = 0;
number = displayItem("id");
document.write("<img src=\"" + number + ".jpg\">");
document.write("<br><br>");
if (number > 1) {
  document.write("<a href=\"visbilled.htm?id="+(number-1)+"\">forrige</a>");
}
document.write(" ");
if (number < 279) {
  document.write("<a href=\"visbilled.htm?id="+(number-0+1)+"\">næste</a>");
}
document.write("<br><br>");
document.write("Du ser på billede "+number+" ud af 279.");
//--></script>
</center>
</body>
</html>

For det først så skal der være mulighed for at skrive numeret på det billed som man vil se ... altså under næste og tilbage der skal man kunne skrive 120 og så bliver billed 120 vist. Det gør ikke noget at man skal trykke på en knap der hedder vis!

Derudvoer så skal jeg gerne have lidt hjælp til at få den lavet så den viser billederne med en special højde ... højden 700 ...

Skal gerne have hurtig hjælp og derfor er der også de mange point!
Avatar billede limemedia Nybegynder
28. juli 2002 - 14:31 #1
Jeg har formateret i din JS kode for at jeg nemmere kunne læse den... Følgende script vil virke

---
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
    function PageQuery(q) {
        if(q.length > 1) this.q = q.substring(1, q.length);
        else this.q = null;
        this.keyValuePairs = new Array();

        if(q) {
            for(var i=0; i < this.q.split("&").length; i++) {
                this.keyValuePairs[i] = this.q.split("&")[i];
            }
        }

        this.getKeyValuePairs = function() { return this.keyValuePairs; }
        this.getValue = function(s) {
            for(var j=0; j < this.keyValuePairs.length; j++) {
                if(this.keyValuePairs[j].split("=")[0] == s)
                    return this.keyValuePairs[j].split("=")[1];
            }   
            return false;
        }

        this.getParameters = function() {
            var a = new Array(this.getLength());
            for(var j=0; j < this.keyValuePairs.length; j++) {
                a[j] = this.keyValuePairs[j].split("=")[0];
            }
            return a;
        }

        this.getLength = function() { return this.keyValuePairs.length; }
    }

    function queryString(key){
        var page = new PageQuery(window.location.search);
        return unescape(page.getValue(key));
    }

    function displayItem(key){
        if(queryString(key)=='false') {
            return (1);
        }else{
            return (queryString(key));
        }
    }
//-->
</script>
</head>

<body>
<center>
<script language="JavaScript" type="text/javascript">
<!--
    var number = 0;
    number = displayItem("id");
    document.write("<img src=\"" + number + ".jpg\">");
    document.write("<br><br>");
   
    if (number > 1) {
        document.write("<a href=\"visbilled.htm?id="+(number-1)+"\">forrige</a>");
    }
    document.write(" ");
   
    if (number < 279) {
        document.write("<a href=\"visbilled.htm?id="+(number-0+1)+"\">næste</a>");
    }
    document.write("<br><br>");
    document.write("Du ser på billede "+number+" ud af 279.");
//-->
</script>

<br><br>

<form action="visbilled.htm" name="picform" id="picform">
<input type="text" name="id" value="1" size="5" maxlength="3">
<input type="submit" name="submit" value="- vis billed -">
</form>

</center>
</body>
</html>



/ LJ
www.ljweb.com
Avatar billede limemedia Nybegynder
28. juli 2002 - 14:31 #2
ovenstående er altså med sidenr, ikke billedstørrelser endnu
Avatar billede limemedia Nybegynder
28. juli 2002 - 14:33 #3
i linie 58 kan du ændre
document.write("<img src=\"" + number + ".jpg\">");
til
document.write("<img src=\"" + number + ".jpg\" height=\"700\">");

At strække et billede på den måde bliver sjældent pænt i en browser - jeg vil anbefale dig at formatere dem i et grafikprogram
Avatar billede ceeked Nybegynder
28. juli 2002 - 14:37 #4
ljweb ... det virker ... og mht. til det sidste så kan jeg sige dig en ting ... det bliver nemmelig ikke strukket når man kun bruge height ... for så tilpasser den automatisk dens with efter højden og dermed holder billedet dens proportioner!
Avatar billede limemedia Nybegynder
28. juli 2002 - 14:42 #5
creeked >> både og, browseren er utrolig dårlig til at resize et billede... det har en tendens til at blive mere hakket/grumset - men er en smagssag.

Jeg takker 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