I'm sure there is a JIRA for the photo slideshow/lightbox being too small. It's essentially "unusable" as the images are too small to see.
I suggest a temporary solution for end-users (while we wait for vBulletin to fix the slideshow) by adding a custom css to your browser. Here's a link on how to use a custom css in Chrome, Firefox, and Opera. http://www.lostsaloon.com/technology...a-web-browser/
Copy and paste this code to the custom.css (Chrome), or userContent.css (Firefox).*
*Note: thaihung38 suggested to put the CSS in css_additional.css template to avoid having the end users to edit the custom css on their browser.
Note that since this is a CSS temporary fix, the slideshow position is fixed at the top. So if you are viewing a slideshow in a post at the bottom of the thread, you have to scroll up to see the slideshow. Not good but better than having to deal with the tiny slideshow.
See sample screenshot below:
Enjoy!
EDIT: Better alternative solution on post #2 for forum end users.
I suggest a temporary solution for end-users (while we wait for vBulletin to fix the slideshow) by adding a custom css to your browser. Here's a link on how to use a custom css in Chrome, Firefox, and Opera. http://www.lostsaloon.com/technology...a-web-browser/
Copy and paste this code to the custom.css (Chrome), or userContent.css (Firefox).*
*Note: thaihung38 suggested to put the CSS in css_additional.css template to avoid having the end users to edit the custom css on their browser.
Code:
/** * Custom CSS for vBulletin 5 * Enlarges the photo slideshow in vB5. Adjust the width and height according to your needs. * Disclaimer: Use at your own risk. Tested with 5.0.4 only. May not work in future versions.) */ .slideshow-dialog { width: 1200px !important; top: 10px !important; } #slideshow-dialog { width: 1200px !important; height: auto !important; } .slideshow .slideshow-wrapper > .jcarousel-clip-horizontal, .slideshow .slideshow-wrapper > .jcarousel-clip .jcarousel-item { width: 1200px !important; height: 800px !important; /* height/width = 1.5*/ } .slideshow .jcarousel-item .image { max-width: 1200px !important; max-height: 800px !important; /* height/width = 1.5*/ } .slideshow .thumbnails > .jcarousel-clip-horizontal { width: 1112px !important; /* slideshow width minus 78*/ } .slideshow .slideshow-wrapper > .jcarousel-prev-horizontal, .slideshow .slideshow-wrapper > .jcarousel-next-horizontal { top: 50% !important; margin-top: -21px !important; } /* End Custom CSS for vBulletin 5 */
See sample screenshot below:
Enjoy!
EDIT: Better alternative solution on post #2 for forum end users.
Comment