lightbox

I dont know much abt jquery,so can anyone help me how can I use jquery lightbox in my forum?

try this

http://www.lokeshdhakar.com/projects/lightbox2/

upload it to somewhere and add the js at
AP>Modules>HTML and Javascript>JavaScript

where can I upload js files?

hi,

You Can Upload Them In Your Own Forum At
-admin panel>> Modules>> HTML & JavaScript>> JavaScript codes management

then Paste The Script There And Save And For More Info About The JavaScript codes management See This Topic JavaScript codes management

Hope That Help, ArChKnIgHt

I did everything but still not working check
http://www.hitengauriplanet.net/h14-test

hmm lets try another way, since you are using PunBB3, Lets Try This Way...
delete the scripts that you hosted and follow these steps

1- Go To ACP >> GENERAL >> Messages & E-Mails >> Announcements.

Activate announcements : Yes
Announcements display : All Pages
Scrolling : Deactivate
Scrolling speed : 0
leave the others..

then create new announcement and name it JS or anything you want
in contents add this code

Code:





Then Click Save And Go To....
ACP >> Display >> Colors >> CSS Sheet

and add this code

Code:

#lightbox{   position: absolute;   left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%   ; }

#imageData{   padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }   
#imageData #caption{ font-weight: bold;   }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;   }         
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}       

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

Then Save...

Go To The Images That You Want To Active The Lightbox in ... And add this code Inside The Elements

Code:

rel="lightbox"

Example

Code:

[url=http://help.forumotion.com/image%20url]your normal image code[/url]

replace "image url" with The URL Of The Image That Will Appear In Lightbox and replace "your normal image code" with the normal image code like

Code:

[img]img.png[/img]

and now you are done

still not working buddy
http://www.hitengauriplanet.net/h16-check



Check the CSS and make sure the referenced prevlabel.gif and nextlabel.gif files are in the right location. Also, make sure the loading.gif and closelabel.gif files as referenced near the top of the lightbox.js file are in the right location.

anything related to dis?

hmmm let me test it on PunBB 3 Forum And I Will Get You The Solution

ArChKnIgHt wrote:hmmm let me test it on PunBB 3 Forum And I Will Get You The Solution

okk thank u

i tested it on PunBB 3 Forum And It Worked Perfectly
look here http://testbb3.forumegypt.net/
so i guess you made something wrong or something with the javascript
anyway if you trust me you can give me the founder account and password in a PM and i will fix it in 5 min then you can change the password again,... if don't wanna that you can try do my last post again and see if you did something wrong and fix it

ok plz check ur pm

anyone else can help me?

sent you PM

thank u so much buddy,its working now