[K4GAP]

I am seeking support for an idea I have pertaining to an official add on for all versions of vb back to about 3.8.x

Preface:

This post is NOT for those who may think this is a stupid or bad idea. If there is a reason that you can explain as to why the idea will not work, please share with your explanation why.

If you agree that this is a good idea, please make a favorable comment.

My suggestion for the add on:

When viewing photos in vb's Gallery, have the photo open up with lightbox effect when clicked on.

Do I need to explain further or is this enough information?

Thanks'
Gary

[K4GAP]

Every time I click on an attachment and it opens up using that lightbox effect I ask myself, how hard would that be to set up when viewing photos from the vb albums.

Does anyone have any idea how this could be done?

[Lionel]

If you are familiar with Jquery use the jquery lightbox. It's very easy

click on userpages
http://www.vbcover.com/customdev/use...r.php?1-Lionel

[K4GAP]

Originally Posted by Lionel

If you are familiar with Jquery use the jquery lightbox. It's very easy

click on userpages
http://www.vbcover.com/customdev/use...r.php?1-Lionel

How did you do that?

I've been waiting for soooo long!

[Lionel]

Do a view source or Google for jquery prettyphoto. They have good documentation and is even better than previous link (with like for facebook)

[K4GAP]

But what I'm trying to achieve is having it to work with vbulletins album photos. Is that possible using jquery ?

[Lionel]

Sure it is possible. As long as you have the javascript in there. You could also do it with vB lightbox. The trick is to include the javascript and in your picture you add <img rel ="gallery" href="bigimage" src="smallimage"

if you want he lightbox to display more than one image you would do rel="gallery" for each image

--------------- Added 22 Jul 2014 at 01:48 ---------------

to use vB light box, look in showthread template for javascript, css, and the container
and in template album_pictureview you would put those 3 items

<script type="text/javascript" src="clientscript/vbulletin_lightbox.js?v={vb:raw vboptions.simpleversion}"></script>

the css and the container name.

and in template album_picturebit you put the rel

[K4GAP]

Originally Posted by Lionel

Sure it is possible. As long as you have the javascript in there. You could also do it with vB lightbox. The trick is to include the javascript and in your picture you add <img rel ="gallery"> src=

if you want he lightbox to display more than one image you would do rel="gallery" for each image

--------------- Added 22 Jul 2014 at 01:48 ---------------

to use vB light box, look in showthread template for javascript, css, and the container
and in template album_pictureview you would put those 3 items



the css and the container name.

and in template album_picturebit you put the rel

I am definitely going to try this. And if it works ...... WOW!
But before I do try it I'm going to set up a test version of vb to try it on.

Thanks soooo much for the info.

I'll report back tomorrow on how it does or does not. Right now It's so late I'm afraid I might make mistakes on it.

[Lionel]

Use vB if you feel more comfortable. Me although I love vB, I will never trade jQuery

[Paul M]

Just remember that the reason they dont use the lightbox atm is because it opens them in a page where you can add comments. You would lose that.

[Lionel]

Originally Posted by Paul M

Just remember that the reason they dont use the lightbox atm is because it opens them in a page where you can add comments. You would lose that.

not if he limits the container division to the album_picturebit template (remember it is only one image in gallery)

--------------- Added 22 Jul 2014 at 12:14 ---------------

For some reasons I could not do it with vB lightbox so I used jQuery.
Let me know if this is what you wanted and I will upload a zip for you. You will no longer be able to move to next image when you click on image. You'll have to click on the next / previous navigation links

http://www.vbcover.com/customdev/use...ttachmentid=36

[K4GAP]

Originally Posted by Lionel

not if he limits the container division to the album_picturebit template (remember it is only one image in gallery)

--------------- Added 22 Jul 2014 at 12:14 ---------------

For some reasons I could not do it with vB lightbox so I used jQuery.
Let me know if this is what you wanted and I will upload a zip for you. You will no longer be able to move to next image when you click on image. You'll have to click on the next / previous navigation links

http://www.vbcover.com/customdev/use...ttachmentid=36

Yes I like that, that's what I would like to have. And per Paul's comment, I'm not real crazy about comments on photo's anyway. If it becomes a problem later, I'll just ban the complainer j/k

[Lionel]

Sorry I just came back. I tried to reply via my iphone but for some reason it won't accept my password. Third time it is doing this to me. You do not need to worry about Paul's comment. You won't be affected at all. It is valid only if you were viewing album.php?albumid=XX. In your case you are viewing a single attachment. Upload the folder and all it's content to your forum root.
Replace the entire template with the content of same name text file. That's it. If you think the image is too small simply adjust the size in the style. I had to reduce it since there was no thumb for it

Now that was done for 4.2.2

If it's for a different version let me know and I will post the changes


--------------- Added 22 Jul 2014 at 15:58 ---------------

I removed the zip and will PM you a link so non registered do not have access to it

[K4GAP]

Originally Posted by Lionel

Sorry I just came back. I tried to reply via my iphone but for some reason it won't accept my password. Third time it is doing this to me. You do not need to worry about Paul's comment. You won't be affected at all. It is valid only if you were viewing album.php?albmid=XX. In your case you are viewing a single attachment. Upload the folder and all it's content to your forum root.
Replace the entire template with the content of same name text file. That's it. If you think the image is too small simply adjust the size in the style. I had to reduce it since there was no thumb for it

Now that was done for 4.2.2

If it's for a different version let me know and I will post the changes


--------------- Added 22 Jul 2014 at 15:58 ---------------

I removed the zip and will PM you a link so non registered do not have access to it

Thanks a bunch!
I'll give it a try when I get back home.

--------------- Added 23 Jul 2014 at 00:49 ---------------

B I N G O !!!

Works perfectly. It does exactly as I wanted.

Thanks sooo much for this.

[Lionel]

Jquery is very powerful. In fact I started playing with vB 5.0 using it. In one page entire script will be: e.g. shopping cart, auctions, reviews etc ... Just Ajax and click action, just like you see on original link when you want to see different pages. This way I won't have to attempt playing with all the jumbo mambo of 5.0