Gebruik Lytebox op website

Status
Niet open voor verdere reacties.

hanisch

Gebruiker
Lid geworden
3 apr 2008
Berichten
6
Kan iemand mij vertellen hoe ik het volgende kan oplossen. Ik heb een website gemaakt (http://www.sandwichshop-nijmegen.nl), waarin ik gebruik wil maken van Lytebox (http://www.dolem.com/lytebox/).

Nu wil ik lytebox (grouped) gebruiken bij de 4 collectieplaatjes onderaan de site, op elke pagina.


1. Waar moet ik nu de code van lytebox in <head> zetten?

HTML:
<html>
<head>
<title>Sandwichshop-nijmegen v test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
-->
</style></head>

2. Ik wil de 4 plaatjes grouped weergeven
Hiervoor moet ik de volgende code gebruiken:
HTML:
<a href="images/image-1.jpg" rel="lytebox[vacation]" title="Mom and Dad">Mom and Dad</a>
<a href="images/image-2.jpg" rel="lytebox[vacation]" title="My Sister">My Sister</a>

Op mijn site worden de plaatjes weergegeven als:
HTML:
	<img src="images/Sandwichshop-nijmegen_13.jpg" width="54" height="60" alt=""></td>

(overigen: 15.jpg; 17.jpg; 19.jpg)

Hoe moet ik deze code combineren? En kan dit uberhaupt wel?

Alvast bedankt voor reacties.

Groet,
Mathijs
 
Probeer deze eens in de body
HTML:
<a href="images/Sandwichshop-nijmegen_13.jpg" rel="lytebox[vacation]" title="Image Description"><img border="0" src="images/Sandwichshop-nijmegen_13.jpg" width="54" height="60"></a>

en
dit in head

HTML:
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />
 
Code voor uw html
zie <!-- voor lytebox -->
Deze 2 bestanden moeten in dezelfde dir staan als uw html document.

HTML:
<html>
<head>
<title>Sandwichshop-nijmegen v test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
-->
</style>
<!-- voor lytebox -->
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />
<!-- einde lytebox -->
</head>
Code voor uw kleine foto's:

HTML:
<a href="images/Sandwichshop-nijmegen_13Groot.jpg" rel="lytebox[Sandwichshop]" title="Hier omschrijving"><img src="images/Sandwichshop-nijmegen_13.jpg" width="54" height="60" alt="">

<a href="images/Sandwichshop-nijmegen_15Groot.jpg" rel="lytebox[Sandwichshop]" title="Hier omschrijving"><img src="images/Sandwichshop-nijmegen_15.jpg" width="54" height="60" alt="">

<a href="images/Sandwichshop-nijmegen_17Groot.jpg" rel="lytebox[Sandwichshop]" title="Hier omschrijving"><img src="images/Sandwichshop-nijmegen_17.jpg" width="54" height="60" alt="">

<a href="images/Sandwichshop-nijmegen_19Groot.jpg" rel="lytebox[Sandwichshop]" title="Hier omschrijving"><img src="images/Sandwichshop-nijmegen_19.jpg" width="54" height="60" alt="">

Poppoll
 
Het werkt inderdaad, maar je moet nog wel Hier omschrijving aanpassen of deze vervangen door:
title="" dus gewoon de test er tussenuit halen.

Poppoll
 
Wie er meer wil van weten kan terecht op mijn site (zie link hieronder)
Ik heb een aantal voorbeelden online gezet i v m lytebox.
Poppoll
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan