Forums > lightbox 2?

Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics

miszxjojo

May 3 2009, 12:25 AM

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 :/

theerinkal

May 3 2009, 09:06 AM

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>

Fawaz

May 4 2009, 08:19 PM

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

May 9 2009, 12:28 PM

i found something else called lytebox.
pretty much the same thing. but i got it to work now :)
thanks guys <3

manny-the-dino

May 9 2009, 02:58 PM

Topic Closed & Moved

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.