myfreeforum.org Forum Index
 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups  Who is OnlineWho is Online   Join! (free) Join! (free)  
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
For an excellent guide to using your myfreeforum forum, you can visit
howtodoit
The howtodoit "readonly" forum provides answers and walkthroughs for all common questions.
  • Welcome
  • Guest


LightBox Javascript Help!!!

 
Post new topic   Reply to topic    myfreeforum.org Forum Index -> Web page/template Editing
View previous topic :: View next topic  
Author Message
wee2john
Apprentice
Apprentice

Virtual Cash: 1110

Joined: 04 Sep 2007
Posts: 148
Location: Northern Ireland
Add Karma

rated by 2 members
Add Comment
Show Comments

online/offline
PostPosted: Thu Jun 19, 2008 4:15 pm    Post subject: LightBox Javascript Help!!! Reply with quote

I was wondering how to install the lightbox javascript on my forum so the pictures expand when clicked on.




This is how is says to put it on a webpage:

 
Spoiler:

Quote:
1.  Lightbox 2 uses the Prototype Framework and Scriptaculous Effects Library. You will need to include these three Javascript files in your header (in this order).

   
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>


  2. 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" />


  3. Check the CSS and make sure the referenced prev.gif and next.gif files are in the right location. Also, make sure the loading.gif and close.gif files as referenced near the top of the lightbox.js file are in the right location.

Part 2 - Activate

  1. Add a
Code:
rel="lightbox"
attribute to any link tag to activate the lightbox. For example:

   
Code:
 <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>


     Optional: Use the title attribute if you want to show a caption.
  2. If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:

   
Code:
 <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
      <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
      <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>


     No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!




_________________
Click Here--> Cook Like a Pro in a Day!!!

Cook Like a Pro
Back to top
View user's profile Private message
admin (no pm's please)
Site Admin
Site Admin

Virtual Cash: 46490

Joined: 22 May 2005
Posts: 19705

Add Karma

rated by 164 members
Add Comment
Show Comments

online/offline
PostPosted: Thu Jun 19, 2008 5:43 pm    Post subject: Reply with quote

You have made over 150 support forum posts, and only 18 posts on your actual forum  
_________________

Family Friendly Shareware | | Web Design/Services | Free Forums

forum.myfreeforum.org
Back to top
View user's profile Private message Send e-mail Visit poster's website
Symon
Moderator
Moderator

Virtual Cash: 28730

Joined: 04 Sep 2005
Posts: 11158
Location: Hampshire,England
Add Karma

rated by 85 members
Add Comment
Show Comments

online/offline
PostPosted: Thu Jun 19, 2008 5:46 pm    Post subject: Reply with quote

It needs a lot more than just to slpa a code in the header, for a start you would have to upload each image each.js file etc , you did not tell us that you needed to download something first ??

All in all it could be done , but ask yourself one serious question.

Why are you doing all these fancy extras when you have less than 20 posts on a forum ??? it is posts and quality posts alone that make a good forum, to many fancy extras and spam posts are not good for a forum .
_________________


http://www.saynoto0870.com/

http://www.myshopbag.co.uk

XXVIII/ I/ MCMLXXI
Back to top
View user's profile Private message Visit poster's website
Bravo
Expert
Expert

Virtual Cash: 7390

Joined: 12 Mar 2006
Posts: 1877

Add Karma

rated by 20 members
Add Comment
Show Comments

online/offline
PostPosted: Thu Jun 19, 2008 5:58 pm    Post subject: Reply with quote

I have to agree with Admin and Symon here...

Your forum idea is excellent, and one I certainly would be up for joining, with loads of great recipes, helpful advice to an amateur and tips and tricks it would be a great forum to be a part of.

If you had put the time and effort into adding the 'bells and whistles' into actual forum content, your forum would be probably one of the fastest growing forums around.

As it is, I wouldn't really be interested in joining (*yet*) as there isn't enough content and the bells and whistles actually put me off a bit because I am comfortable with how forums work, I know how to get to where I want to be at etc etc etc.  This is just a personal preference, it may be that I am in the minority though I don't think so.

Don't give up, keep up the excellent work, just direct it in a more fruitful way for yourself
_________________

Back to top
View user's profile Private message
wee2john
Apprentice
Apprentice

Virtual Cash: 1110

Joined: 04 Sep 2007
Posts: 148
Location: Northern Ireland
Add Karma

rated by 2 members
Add Comment
Show Comments

online/offline
PostPosted: Thu Jun 19, 2008 7:02 pm    Post subject: Reply with quote

this is all part of making my forum more popular. It is so I can take pictures of my recipes and make it so when they click on the picture it shows up bigger. Please tell me how to do this and I will start posting my recipes, etc.
_________________
Click Here--> Cook Like a Pro in a Day!!!

Cook Like a Pro
Back to top
View user's profile Private message
admin (no pm's please)
Site Admin
Site Admin

Virtual Cash: 46490

Joined: 22 May 2005
Posts: 19705

Add Karma

rated by 164 members
Add Comment
Show Comments

online/offline
PostPosted: Thu Jun 19, 2008 7:06 pm    Post subject: Reply with quote

It has been explained that you need a javascript person to write the things you want.

We can and have helped you a lot. But we are not a free programming resource. You can't bung a load of complex javascript on your site that neither you nor we know about and say "make it work and do what i want from it".
_________________

Family Friendly Shareware | | Web Design/Services | Free Forums

forum.myfreeforum.org
Back to top
View user's profile Private message Send e-mail Visit poster's website
wee2john
Apprentice
Apprentice

Virtual Cash: 1110

Joined: 04 Sep 2007
Posts: 148
Location: Northern Ireland
Add Karma

rated by 2 members
Add Comment
Show Comments

online/offline
PostPosted: Thu Jun 19, 2008 7:13 pm    Post subject: Reply with quote

ok I am sorry I just thought that you could give me some tips on how to upload the stuff, but never mind.      
_________________
Click Here--> Cook Like a Pro in a Day!!!

Cook Like a Pro
Back to top
View user's profile Private message
Symon
Moderator
Moderator

Virtual Cash: 28730

Joined: 04 Sep 2005
Posts: 11158
Location: Hampshire,England
Add Karma

rated by 85 members
Add Comment
Show Comments

online/offline
PostPosted: Thu Jun 19, 2008 7:44 pm    Post subject: Reply with quote

wee2john wrote:
this is all part of making my forum more popular. It is so I can take pictures of my recipes and make it so when they click on the picture it shows up bigger. Please tell me how to do this and I will start posting my recipes, etc.


If that is the case why go for something complex (to a novice anyway)

Simple answer is have a large image, then save take a copy and shrink that copy.

Now upload the big image to your forum and remember the link (save it) now delete that link form the thread, and upload the small image.

you will see a code like


Code:
[url=http://gallery.myff.org/gallery/281411/1.jpg][img]http://gallery.myff.org/gallery/281411/1.jpg[/img][/url]


Now on the url bit just change the path to that of the image you saved earlier.

final outcome


Click image to enlarge
_________________


http://www.saynoto0870.com/

http://www.myshopbag.co.uk

XXVIII/ I/ MCMLXXI
Back to top
View user's profile Private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    myfreeforum.org Forum Index -> Web page/template Editing All times are GMT + 1 Hour
Page 1 of 1
 
 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

Card File  Gallery  Forum Archive
Powered by phpBB © 2001, 2005 phpBB Group
Create your own free forum | Buy a domain to use with your forum