Gå til innhold

Hjelp til Ligthbox2.

espen118

Av espen118
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
espen118

espen118

Skrevet
  • Forfatter
Skrevet (endret)
Ja, det står tilogmed på siden du linket til.

 

 

Hva er det du ikke forstår?

 

Jeg vet at det står på hjemmesiden dems. Jeg skal krive hva jeg ikke skjønner:

 

"Part 1 - Setup

1. Lightbox 2 uses the Prototype Framework and Scriptaculous Effects Library. You will need to include these three Javascript files in your header (in this order).

 

<script type="text/javascript" src="js/prototype.js"></script>

<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>

<script type="text/javascript" src="js/lightbox.js"></script> "

 

Den forsto jeg at jeg skulle kopiere inn på siden, men hvor da?

 

 

"2.Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles).

 

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />"

 

Når jeg skal inkludere de "CSS filene. Hvor skal jeg legge dem? og hva skal jeg med den linken?

 

"3.Check the CSS and make sure the referenced prev.gif and next.gif files are in the right location. Also, make sure the loading.gif and close.gif files as referenced near the top of the lightbox.js file are in the right location."

 

Når jeg skal legge dem på det rette stedet, hvor skal jeg legge dem?

 

"Part 2 - Activate

 

1. Add a rel="lightbox" attribute to any link tag to activate the lightbox. For example:

 

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>"

Den tror jeg at jeg skjønte. Der skal jeg bare legge til rel="lightbox" i linken til bildet.

 

"# If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:

 

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>

<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>

<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

 

No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!"

 

Skal jeg bare legge den rel="lightbox" til i flere bilder?

 

Dette er hvordan jeg forsto hvordan jeg skulle gjøre det. Det kan være helt feil, men jeg er ikke så god med html.

Endret av espen118
Lenke til kommentar
j--

j--

Skrevet
Skrevet

Det var bedre, nå ser jeg at du har prøvd å forstå :)

 

Om du studerer kildekoden her så ser du hvordan jeg har lagt til lightbox2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>tittel</title>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<link rel="stylesheet" type="text/css" media="screen" href="css/lightbox.css">
	<script type="text/javascript" src="js/prototype.js"></script>
	<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
	<script type="text/javascript" src="js/lightbox.js"></script>
</head>
<body>
	<a rel="lightbox" href="bilder/104.jpg">
		<img src="bilder/thumbs/thumb_104.jpg">
	</a>

	<a rel="lightbox" href="bilder/105.jpg">
		<img src="bilder/thumbs/thumb_105.jpg">
	</a>

	<a rel="lightbox" href="bilder/106.jpg">
		<img src="bilder/thumbs/thumb_106.jpg">
	</a>
</body>
</html>

CSS-en plasseres da i mappen "css/", mens javascriptene går i "js/"

Håper dette hjelper deg litt!

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...