Avatar billede mrg Nybegynder
12. marts 2001 - 22:59 Der er 8 kommentarer og
1 løsning

billedgalleri

Jeg ville meget gerne oprette et billedgalleri, men helst uden at skulle lave en masse thumbnails osv...
Ville bare have tekstlinks som åbner et \"skrællet\" vindue - dvs. uden windowsbaren.
Samtidig ville jeg meget gerne have det nye vindue til at blive \"autosized\" efter billedets størrelse...

Kan dette lade sig gøre med lidt javascript?
Avatar billede webmasterdk Praktikant
12. marts 2001 - 23:03 #1
hvis det er fordi du ikke gider at skrive kode til ver thgumbnail, kan du bare bruge irfanview, det kan lave fine html sider med thumbnails!
/WebmasterDK
Avatar billede mrg Nybegynder
12. marts 2001 - 23:07 #2
irfanview?

Det var nu mest fordi jeg ikke gad lave 2 kopier af hvert billede...
Avatar billede mrg Nybegynder
12. marts 2001 - 23:12 #3
ok - jeg kan lave det som følger - og nu bliver det et let spørgsmål:

<SCRIPT LANGUAGE=\"JavaScript\">
<!-- Hide from older browsers
if (top.cont == null || top.cont == \'\') {
  top.cont = \'usa\'
}

browserName = navigator.appName;
browserVer = parseInt (navigator.appVersion);

function makeNewWindow(url) {
    if (window.newWindow != null)
    {
        if (browserName == \"Netscape\" && browserVer >= 3)
        {
        newWindow.focus();
        } else
        {
        newWindow.close();
        }
    }
        if (browserName == \"Netscape\" && browserVer >= 3)
        {
        newWindow = window.open(url, \"newWindow\", \"toolbar=no,status=no,scrollbars=yes,resizable=no,width=830,height=190\");
        } else
        {
        window.open(url, \"newWindow\", \"toolbar=no,status=no,scrollbars=yes,resizable=no,width=830,height=190\");
        }
}

if ((top.cont == \"usa\") || (top.cont == null))
{
 
}
else
{
 
}


// stop hiding -->

</SCRIPT>
og så kalde vinduet med
<a href=\"java script: makeNewWindow(\'win.htm\');\">For at få et lille vindue</a>

Hvor skal jeg ændre i koden hvis vinduet IKKE skal have samme størrelse hver gang?
Avatar billede webmasterdk Praktikant
12. marts 2001 - 23:20 #4
jeg vil gætte at du skal sætte \"resizeable=yes\"
eller istedet for angive størrelsen sætte dem til at være \"*\"
/WebmasterDK
Avatar billede jakoba Nybegynder
13. marts 2001 - 01:27 #5
lav en fil  \"vispic.html\"  med fælgende indhold:

<HTML>
<HEAD>
    <TITLE>titel på galleriet</TITLE>

<script language=\'javascript\'>
var temp=self.location.href.split(\"?\");
var picUrl = (temp.length>1)?temp[1]:\"\";
var NS = (navigator.appName==\"Netscape\")?true:false;

function fitSize() {
  bred = (NS)?window.innerWidth:document.body.clientWidth;
  hoj = (NS)?window.innerHeight:document.body.clientHeight;
  bred = document.images.billede.width - bred +20;
  hoj = document.images.billede.height - hoj +20;
  window.resizeBy( bred, hoj );
  self.focus();
}; // end fitSize()
</script>

</HEAD>
<BODY bgcolor=\"ccffff\" onload=\'fitSize();\'>

<script language=\'javascript\'>
document.write( \"<img src=\'\" +picUrl +\"\' alt=\'flot billede\'>\";
</script>

</BODY>
</HTML>


i siden med links (i head) definerer du en javascript funktion:

<script language=\'javascript\'>
function visbilled( billedUrl ) {
  window.open( \"vispic.html?\"+billedUrl, \"picvindue\", \"... features ...\" );
}; //end visbilled( string )
</script>

og i body skriver du så dine links som:

<a href=\"java script:void(0)\" onclick=\"visbilled(\'et_billede.jpg\')\">et_billede.jpg (38k)</a><br>
<a href=\"java script:void(0)\" onclick=\"visbilled(\'et_andet_billede.jpg\')\">et_andet_billede.jpg (24k)</a><br>
...

mvh JakobA
Avatar billede jakoba Nybegynder
13. marts 2001 - 01:32 #6
Ups, der mangler parentes efter document.write linien i den lille fil:
document.write( \"<img src=\'\" +picUrl +\"\' alt=\'flot billede\'>\" );
virker bedre :)
Avatar billede jakoba Nybegynder
13. marts 2001 - 01:36 #7
og endnu bedre hvis billedet får sit rette navn:
document.write( \"<img src=\'\" +picUrl +\"\' name=\'billede\' alt=\'flot billede\'>\" );
Avatar billede jakoba Nybegynder
13. marts 2001 - 07:56 #8
Avatar billede mrg Nybegynder
13. marts 2001 - 10:16 #9
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