Notifikationer

Markér alle som læst Log ud

ansa Nybegynder

23. april 2003 - 13:29 Der er 14 kommentarer og
1 løsning

Album på hjemmeside

Jeg er klar over at der allerede er flere løsningsforslag til dette tema, MEN jeg prøver alligevel!

På min hjemmeside skal jeg have hele familiealbumet lagt ud - jeg vil gerne have hvert billede som pop-up. Men som bla. Ekstra Bladet har - vil jeg gerne i denne Pop-up kunne klikke videre til næste billede. Hvordan gøres det (er ikke stærk i andet end HTML)? Men lad dog høre!!

Er der nogen der har eksempler på smarte oversigter af albums på deres hjemmeside?. I Adobe Photoshop Album kan man lave web-albums - er dog ikke særlig pæne!! Hjælp udbedes

Synes godt om

Slettet bruger

23. april 2003 - 15:22 #1

Hvis der er tale om en masse billeder, er det nok smartest at lægge dem i en database. Så kan du både opbevare fx dato, beskrivelse, navn på fotograf og stien på billedet. Fra denne database læser du så billedernes information. Men det kræver lidt kendskab til PHP eller ASP.

Synes godt om

ansa Nybegynder

23. april 2003 - 15:31 #2

Det er jeg klar over - men jeg må gå den hårde vej via HTML - jeg er ikke meget til databaser ENDNU!!

Synes godt om

Slettet bruger

23. april 2003 - 15:36 #3

Hvis du kun kan bruge HTML er der ikke meget at hente. Med lidt JavaScript og intelligent arkivering af billederne, er der dog intet problem.
Fx kunne man forestille sig, at alle billederne var kaldt "billede0001.jpg", "billede0002.jpg", osv. Så kunne stien trækkes ud med JavaScript og automatisk oprette frem- og tilbageknapper.

Synes godt om

ansa Nybegynder

23. april 2003 - 15:51 #4

Her du et eksempel derpå?

Synes godt om

Slettet bruger

24. april 2003 - 17:10 #5

Filen "vis.html":

<html>
<head>
<title>Vis billede</title>
<script>
ialt = 45; //Det samlede antal billeder

function gaaTil(vej) {
src = document.images["billede"].src.split(".jpg")[0];
nr = parseInt(src.substring(src.length - 4, src.length), 10);
nr += vej;
if (nr < 1)
alert("Du kan ikke gå længere tilbage!");
else if (nr > ialt)
alert("Du kan ikke gå længere frem!");
else {
while (nr.length < 4)
nr = "0" + nr;
self.location.href = "vis.html?bill=" + nr;
}
}
</script>
</head>
<body>
<script>
bNr = (self.location.href.indexOf("?") != -1) ? self.location.search.split("?billede=")[1] : "0001";
document.write('<img src="billede' + bNr + '.jpg">');
</script>
<br>
<a href="#" onClick="gaaTil(-1); return false;">Tilbage</a> <a href="#" onClick="gaaTil(1); return false;">Frem</a>
</body>
</html>

Det kræver så en nummering, der er præcist således:

billede0001.jpg, billede0002.jpg, billede0003.jpg, osv. Til gengæld kræves der kun én HTML-side.

Synes godt om

ansa Nybegynder

24. april 2003 - 20:23 #6

øhhh virker den?? EJg har prøbet via copi og paste og gemt som html på skriveboret sammen med 3 billeder med de navne du har skriver - men det virker ikke??

Synes godt om

Slettet bruger

24. april 2003 - 20:43 #7

Kan du ikke i stedet uploade det? Jeg kan ikke garantere, at der ikke lige har sneget sig en fejl ind.

Synes godt om

Slettet bruger

24. april 2003 - 20:45 #8

Hov:

function gaaTil(vej) {
src = document.images["billede"].src.split(".jpg")[0];
nr = parseInt(src.substring(src.length - 4, src.length), 10);
nr += vej;
if (nr < 1)
alert("Du kan ikke gå længere tilbage!");
else if (nr > ialt)
alert("Du kan ikke gå længere frem!");
else {
nr = nr.toString();
while (nr.length < 4)
nr = "0" + nr;
self.location.href = "vis.html?bill=" + nr;
}
}

og:

<script>
bNr = (self.location.href.indexOf("?") != -1) ? self.location.search.split("?bill=")[1] : "0001";
document.write('<img src="billede' + bNr + '.jpg">');
</script>

Der gik lige et par ting galt.

Synes godt om

ansa Nybegynder

03. maj 2003 - 14:30 #9

hmmm er det bare mig - eller er der en fejl i scriptet? Jeg kan stadigvæk ikke få det til at virke...hjælp....

Synes godt om

Slettet bruger

03. maj 2003 - 15:18 #10

Det kræver et link at få det opklaret.

Synes godt om

ansa Nybegynder

03. maj 2003 - 18:36 #11

det er her:
http://ansa.subnet.dk/

Synes godt om

Slettet bruger

04. maj 2003 - 11:40 #12

Jeg havde glemt at sætte navn på billedet:

document.write('<img src="billede' + bNr + '.jpg" name="billede">');

Synes godt om

ansa Nybegynder

04. maj 2003 - 23:16 #13

øhhh nu er den da helt galt??

Synes godt om

Slettet bruger

05. maj 2003 - 13:49 #14

Du har jo heller ikke kaldt siden for "vis.html". Du kan enten vælge at rename siden eller at ændre denne linje:

self.location.href = "vis.html?bill=" + nr;

... til:

self.location.href = "billeder.htm?bill=" + nr;

Synes godt om

ansa Nybegynder

05. maj 2003 - 23:14 #15

Der var den sørme - kanon - jeg takker og sender point ind på din konto ;-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS