Log In · Register

 
lightbox 2?
miszxjojo
post May 3 2009, 12:25 AM
Post #1


Senior Member
*****

Group: Member
Posts: 354
Joined: May 2007
Member No: 526,982



i downloaded the script from here: http://www.lokeshdhakar.com/projects/lightbox2/
i did step 1 and put this in my header:
CODE
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


step 2 says:

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

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


^ where do i put that? o.O

... i also dont get the part 2 activate part :/
 
 
Start new topic
Replies (1 - 4)
theerinkal
post May 3 2009, 09:06 AM
Post #2


Irrisistable Cabbages.
*****

Group: Member
Posts: 549
Joined: Nov 2007
Member No: 589,355



You put that in your pages like index.html and content.html.

All you do is add rel="lightbox" to any and all links.
So your links will look like:
CODE
<a href="link here" rel="lightbox">Text here</a>
 
newkidontheblock
post May 4 2009, 08:19 PM
Post #3


Offline.
*****

Group: Official Designer
Posts: 609
Joined: Mar 2007
Member No: 507,591



I don't no it that post above helped you but, here

This is just a blank page with a anchor link:
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title> Blank - Page </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

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

</head>
<body>
<div id="content" >
<p> <a href="" rel="lightbox" title="Picture Caption Goes Here" ><img src="IMAGE_URL_GOES_HERE" alt="" /></a> </p>
</div>
</body>
</html>
 
miszxjojo
post May 9 2009, 12:28 PM
Post #4


Senior Member
*****

Group: Member
Posts: 354
Joined: May 2007
Member No: 526,982



i found something else called lytebox.
pretty much the same thing. but i got it to work now :)
thanks guys <3
 
manny-the-dino
post May 9 2009, 02:58 PM
Post #5


Senior Member
*******

Group: Administrator
Posts: 8,629
Joined: Jan 2007
Member No: 498,468



Topic Closed & Moved
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: