(Album) Click on Picture to go to Next Picture - Like Facebook & VB4 Albums Work

[BirdOPrey5]

This is a simple template edit to make vBulletin Albums work like Facebook and vBulletin 4.x Albums... In VB 3.8 you have to find the small "Next" link in the corner of the page to go to the next photo in an album. With this template modification you can click anywhere on the image itself to go to the next image automatically. When you get to the last image in an album you will be taken back to the first.

Demo: http://www.juot.net/forums/album.php?albumid=1&pictureid=96
Note: While there would never be any porn in this album, some pictures may not be entirely work safe.

Go to the album_pictureview template, find the code:

<img src="picture.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pictureinfo[pictureid]" alt="$pictureinfo[caption_censored]" />

Replace it with:
<a href="album.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pic_location[next_pictureid]"><img src="picture.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pictureinfo[pictureid]" alt="$pictureinfo[caption_censored]" /></a>

NEW - Add this to Social Group Pictures as well.

It was suggested this functionality be added to Social Group Pictures as well...

In the template socialgrouops_picture

Find the line:

<img src="picture.php?$session[sessionurl]groupid=$group[groupid]&amp;pictureid=$pictureinfo[pictureid]" alt="$vbphrase[picture]" />


Replace With this:

<a href="group.php?$session[sessionurl]do=picture&amp;groupid=$group[groupid]&amp;pictureid=$pic_location[next_pictureid]"><img src="picture.php?$session[sessionurl]groupid=$group[groupid]&amp;pictureid=$pictureinfo[pictureid]" alt="$vbphrase[picture]" /></a>


Download the .txt file for a backup of these instructions.

Please Mark as Installed if you use this. :)

[EddyMaxx]

Worked great. 3.8.6

Thanks

[yotsume]

Works great and I plan to keep this installed. However its breaks a custom tagging mod I have that allows members to tag their album photos like on Facebook.

[BirdOPrey5]

Works great and I plan to keep this installed. However its breaks a custom tagging mod I have that allows members to tag their album photos like on Facebook.

Is that mod available for download anywhere? I could see if I could work around it.

[yotsume]

Is that mod available for download anywhere? I could see if I could work around it.

After looking at the code of some of my other mods the conflict is more then likely to do with the [AJAX] Album Next & Prev Links Use AJAX (https://vborg.vbsupport.ru/showthread.php?t=194628&highlight=ajax) mod I have installed for albums as well.

The album photo tagging mod is a for sale item only here:

vBulletin Album Picture Annotation Hack (Tagging Photos like Facebook) (http://services.milado.net/vbulletin-album-picture-annotation-hack-374/)

All three of these mods need to work together to remove any conflicts. :)

[BirdOPrey5]

After looking at the code of some of my other mods the conflict is more then likely to do with the [AJAX] Album Next & Prev Links Use AJAX (https://vborg.vbsupport.ru/showthread.php?t=194628&highlight=ajax) mod I have installed for albums as well.


I had never seen that mod before... in it the author links to a template edit that is basically the same as mine and says the template edit IS compatible with the AJAX mod... Did you try his template edit first? https://vborg.vbsupport.ru/showthread.php?t=192798

If it isn't working I'd assume it's probably a conflict with the premium tagging mod like you mentioned.

[FreshFroot]

Really nice Idea.. I will bookmark this for sure.

[ricardoNJ]

Great idea.

[Narkissos]

Nice :)

[ShawneyJ]

nice thanks ;)

[BirdOPrey5]

It was suggested this functionality be added to Social Group Pictures as well...

In the template socialgrouops_picture

Find the line:

<img src="picture.php?$session[sessionurl]groupid=$group[groupid]&amp;pictureid=$pictureinfo[pictureid]" alt="$vbphrase[picture]" />


Replace With this:
<a href="group.php?$session[sessionurl]do=picture&amp;groupid=$group[groupid]&amp;pictureid=$pic_location[next_pictureid]"><img src="picture.php?$session[sessionurl]groupid=$group[groupid]&amp;pictureid=$pictureinfo[pictureid]" alt="$vbphrase[picture]" /></a>

[viper357]

Thanks for this Joe.

Quick question, I know you can do it :p Can you make up a mod or style/graphics thread about how to change the next/last links to buttons please? Thanks. :)

[BirdOPrey5]

Thanks for this Joe.

Quick question, I know you can do it :p Can you make up a mod or style/graphics thread about how to change the next/last links to buttons please? Thanks. :)

That's pretty easy, not sure it's worth it's own thread.

In the same album_pictureview template find this code:


<a href="album.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pic_location[prev_pictureid]">$pic_location[prev_text_short]</a> |
<a href="album.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pic_location[next_pictureid]">$pic_location[next_text_short]</a>


Replace it with:

<a href="album.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pic_location[prev_pictureid]"><img src="images/buttons/prev.gif" alt="$pic_location[prev_text_short]" border="0" /></a> |
<a href="album.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pic_location[next_pictureid]"><img src="images/buttons/next.gif" alt="$pic_location[next_text_short]" border="0" /></a>


Note the text in RED has been added.

This assumes you have two images named prev.gif and next.gif in your images/buttons/ directory.

[viper357]

First class, thanks. :up::up::up:

[Alfa1]

Thanks. This should be default in vb. Please add to JIRA.

[BirdOPrey5]

Thanks. This should be default in vb. Please add to JIRA.

I don't think they are considering any more changes for the VB 3.8 series. It is default in VB 4.

[Alfa1]

Ah, I didn't notice that yet in vb4. Thats cool.

[Blueracer66]

I just want to let everyone know that this works on vBulletin? v3.8.7 Patch Level 3. Thank you, BirdOPrey5! :)

[tommydamic68]

Hi,
I have this mod installed - works great. Question - I have a google ad in the picture area in the album view template, the ad shows when first going to the album view area, once you click for next pic with your mod, the ad is gone and only can be seen upon refresh of the page. Any way around this so ad shows with every click?

Thanks in advance.

[BirdOPrey5]

Sorry- no idea how or why that would happen... maybe with a link I can see it first hand and get a better idea?

[tommydamic68]

Sorry- no idea how or why that would happen... maybe with a link I can see it first hand and get a better idea?

Sent link via pm.

Thanks!

[al2thero]

thank you