Hjelp til Ligthbox2.

espen118 · 13. februar 2008

Jeg syntes ligthbox 2 var en kult måte å vise bildene på en hjemmeside. Er det noen som skjøner hva jeg skal gjøre for å det på hjemme siden min?

Er det noen som har brukt det, eller vil hjelpe meg?

Her er link til programmet

Alex Moran · 13. februar 2008

Ja, det står tilogmed på siden du linket til.

j-- · 13. februar 2008

Hva er det du ikke forstår?

espen118 · 13. februar 2008

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).

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).

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 13. februar 2008 av espen118

j-- · 13. februar 2008

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!

espen118 · 13. februar 2008

ok. Tror jeg skjønte det ene. Har ikke prøvd ennå. skal prøve i kveld. Men skjønte ikke helt det med CSS-en plasseres da i mappen "css/", hvor finner jeg den mappen? Bruker du dreamwiever?

Logg inn

Hjelp til Ligthbox2.

Anbefalte innlegg

espen118

Videoannonse

Alex Moran

j--

espen118

j--

espen118

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer