The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

lightbox

View previous topic View next topic Go down

Solved lightbox

Post by Pinks on July 20th 2011, 6:22 pm

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


Last edited by Pinks on July 23rd 2011, 8:44 am; edited 1 time in total

Pinks
Forumember

Female Posts : 170
Reputation : 0
Language : english

Back to top Go down

Solved Re: lightbox

Post by flyingfisch on July 20th 2011, 10:56 pm

try this

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

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

flyingfisch
Forumember

Male Posts : 61
Reputation : 10
Language : English
Location : OH

http://atgworldwide.freeinvision.net

Back to top Go down

Solved Re: lightbox

Post by Pinks on July 21st 2011, 7:37 am

where can I upload js files?

Pinks
Forumember

Female Posts : 170
Reputation : 0
Language : english

Back to top Go down

Solved Re: lightbox

Post by ArChKnIgHt on July 21st 2011, 9:12 am

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

ArChKnIgHt
Forumember

Male Posts : 134
Reputation : -1
Language : Arabic | English | French | CSS | HTML | JS
Location : Egypt

http://ultragamerz.forumotion.net/

Back to top Go down

Solved Re: lightbox

Post by Pinks on July 21st 2011, 10:44 am

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

Pinks
Forumember

Female Posts : 170
Reputation : 0
Language : english

Back to top Go down

Solved Re: lightbox

Post by ArChKnIgHt on July 21st 2011, 11:46 am

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

ArChKnIgHt
Forumember

Male Posts : 134
Reputation : -1
Language : Arabic | English | French | CSS | HTML | JS
Location : Egypt

http://ultragamerz.forumotion.net/

Back to top Go down

Solved Re: lightbox

Post by Pinks on July 21st 2011, 12:00 pm

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?

Pinks
Forumember

Female Posts : 170
Reputation : 0
Language : english

Back to top Go down

Solved Re: lightbox

Post by ArChKnIgHt on July 21st 2011, 12:14 pm

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

ArChKnIgHt
Forumember

Male Posts : 134
Reputation : -1
Language : Arabic | English | French | CSS | HTML | JS
Location : Egypt

http://ultragamerz.forumotion.net/

Back to top Go down

Solved Re: lightbox

Post by Pinks on July 21st 2011, 12:18 pm

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

Pinks
Forumember

Female Posts : 170
Reputation : 0
Language : english

Back to top Go down

Solved Re: lightbox

Post by ArChKnIgHt on July 21st 2011, 12:41 pm

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

ArChKnIgHt
Forumember

Male Posts : 134
Reputation : -1
Language : Arabic | English | French | CSS | HTML | JS
Location : Egypt

http://ultragamerz.forumotion.net/

Back to top Go down

Solved Re: lightbox

Post by Pinks on July 21st 2011, 7:05 pm

ok plz check ur pm

anyone else can help me?

Pinks
Forumember

Female Posts : 170
Reputation : 0
Language : english

Back to top Go down

Solved Re: lightbox

Post by ArChKnIgHt on July 22nd 2011, 3:24 am

sent you PM

ArChKnIgHt
Forumember

Male Posts : 134
Reputation : -1
Language : Arabic | English | French | CSS | HTML | JS
Location : Egypt

http://ultragamerz.forumotion.net/

Back to top Go down

Solved Re: lightbox

Post by Pinks on July 23rd 2011, 8:43 am

thank u so much buddy,its working now Smile

Pinks
Forumember

Female Posts : 170
Reputation : 0
Language : english

Back to top Go down

Solved Re: lightbox

Post by Nera. on July 23rd 2011, 8:46 am

Solved ~ Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum