photo bbcode w/ lightbox

[Helter]

This bbcode [photo] will display a 300px wide resized image. When selected, it will expand to fullsize using the "LightBox" mod
[url=http]photo bbcode w/ lightbox[/url]
Let me know if you have any trouble installing it because I just finished writing it.
here are a few examples
[photo]http://www.forumimages.co.uk/images/custom_provista.jpg[/photo]
[photo]http://www.forumimages.co.uk/images/main_logo.jpg[/photo]
[photo]http://www.integramod.com/images/IM142.gif[/photo]

also, once this is installed, you may use lightbox to display any image on your forum by adding rel="lightbox" to your image path.
example code

Code: Select all

<a><img></a>

<a><img></a>

[CaNNon]

I'm using your dark theme (black) and I'm missing one location line.

Code: Select all

 #-----[ FIND ]---- missing this? ----------------------------#type="text/java.script" src="templates/fi_newsfader_user.js"  

Is it something I should install or is there another line i can find?

[Helter]

doh!... I wrote it on my personal site.

add it after

Code: Select all

<link>

[CaNNon]

Pretty easy to install and it looks really cool! <img>

[Helter]

I like it because it wont break your forum. You can post any size image and it will display at 300px wide till clicked

[spaniel]

i can't get this to work - i've installed it all but when i click on the little camera nothing happens.


Spoke too soon!! It works but the X Close image doesn't appear..... i'll check my uploads again <img>

[spaniel]

done and seems to work well - thnx for this ingenious piece of js <img>

[BitingMonkey]

This is a very slick and well polished mod! Thank you very much! Your second post helped on where to add in the overall_header.tpl. I got stuck there too. The install.txt still doesn't mention that bit when I downloaded it today anyways. Also there are two instances of that line in that file I put mine after the first one assuming it didn't matter? It seems to work fine.
~If your regular bbcode stops working after this try deleting your cache files ACP:ImPortal ~that had me stuck for a bit.
Thanks again very nice indeed.

[Helter]

I thought I'd updated it, but it really dosent matter where as long as it is before </head>

[spaniel]

this works with Integra2 and fisubice, but it doesnt seem to work with fisubice_black.

The images dont pop up, but load way way down the screen far below the forum!

What could be the cause of this?


fisubice has a .css for each colour so i placed that code in each one.

[spaniel]

ok got it to work with fisubice_black - my webhost has been playing up again! They corrupted the .css file.

Which makes me wonder, which is the most reliable webhost for hosting IntegraMod?

[spaniel]

No no - the problem seems browser related.

Works fine on firefox, but loads way down the screen on Opera.


And as i'm on a mac i hav no idea how it works on IE.

[Helter]

ive never checked it on opera so I cant comment, but is it that way on every template now?

[spaniel]

i've uninstalled Integra2, but on fisubice and its colours it is like that.

what's it like on IE? i only hav the mac version 5.2 and that won't even let me access the IntegraMod.com website!

[CaNNon]

do you have firefox?
[url=http]http://www.mozilla.com/en-US/firefox/all.html[/url]

[spaniel]

Yes. It's not me i'm worried about.

[sanji]

Seems really nice!

I wonder, would it be possible to adapt it to work with the album image tag, so that a thumbnail picture can be magnified in that lightbox rather than open in a new window ?

That would be really great! And forums where many images are already posted could be updated immediately, without the need to rewrite the tag...

sanji

[spaniel]

And the avatar and images added to the profile section as well - would be good if it could work there too.

[defiantwisdom]

And the avatar and images added to the profile section as well - would be good if it could work there too.

spaniel,

I did some research on what you were saying about the avatar. I'm not sure if there is a way to code it into your page, but I think it might have a negative reaction. One thing you have to remember is that your avatar is the hotlink to your profile. I tried it on mine, and it just sat there loading forever. It did that because it was trying to link to my profile and open the lightbox at the same time.

You could go in and take out the redirect if you wanted, then it should work just fine.

I did come up with a quick way to add the light box feature to my signature though. When you go into your profile to change your signature, the camera is not in the BBCode box. But, if you manual type in:

Code: Select all

[photo]http]

It adds the lightbox feature to your signature. You can see an example of it [url=http]here[/url] on my site. Just click the logo in my signature. Or, you can try it out right here and just click the image in my signature below ...

Hope this works for you guys.

Cheers

[spaniel]

That is good news that we can add it to the signature and i'll certainly use it that way, which will hopefully encourage members to have a signature.

I guess i'm thinking of more profile dependent websites where being able to arrange photos directly on the profile would be a plus.

I wouldn't know how to code that tho <img>


Thanks for the good news !

[defiantwisdom]

I've been toying around with trying to get it to work with the photo album. So far, no luck. I did, however, get it to work on the Upload button on the album page. That was an accident ... That and it tried to open the upload page and the lightbox at the same time. <img> Oh well, I will keep trying until someone smarter than me can figure it out.

[spaniel]

Thanks. I think it's useful (and time-saving) to be able to view photo gallery pictures on the profile within the profile - without having to go to another part of the site.

I've also noticed that once you go to someone's personal gallery it's not so easy to go back to their profile <img>

Perhaps a link on the personal gallery is needed.

[spaniel]

I added this mod to a fresh install of IM141 and now the image url's are loading in a new window instead of popping up, and it's doing this on all browsers. On my old install, it worked fine.

Any idea as to why?


Solved: the .scriptaculous.js file was missing - i hate my ftp program (adobe), i really do <img>

[fldodger]

Done and works great.
THANKS ALOT