lightbox 2? |
![]() ![]() |
lightbox 2? |
![]()
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 :/ |
|
|
![]()
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>
|
|
|
![]()
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> |
|
|
![]()
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 |
|
|
![]()
Post
#5
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Administrator Posts: 8,629 Joined: Jan 2007 Member No: 498,468 ![]() |
Topic Closed & Moved
|
|
|
![]() ![]() |