[RC] Fancybox Images (A Lightbox Alternative)

A place for Extension Authors to post and receive feedback on Extensions still in development. No Extensions within this forum should be used within a live environment!
Get Involved
Forum rules
READ: phpBB.com Board-Wide Rules and Regulations

IMPORTANT: Extensions Development rules

IMPORTANT FOR NEEDED EVENTS!!!
If you need an event for your extension please read this for the steps to follow to request the event(s)
jcocking
Registered User
Posts: 196
Joined: Wed Jun 08, 2005 6:47 pm

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by jcocking » Tue Oct 04, 2016 10:11 pm

bacon tacon wrote:One problem I've noticed with this great extension is on images which at full size extend beyond the boundaries of the viewing screen. The top, left portion of the image appears with scroll X and y bars. You can scroll down the image, but you can't scroll horizontally. The horizontal scrollbar is visible but disabled - click and drag or clicking the scroll arrow has no effect.

Tested on Firefox, IE, and Chrome.
I'm surprised this hasn't been reported before.
Can you provide example links. I have numerous images that are much larger than the page that are not scrolling the way you are referencing. The images of the mountains on this page https://www.cocking.com/phpBB3/viewtopic.php?f=3&t=4 are 1920X765 pixels.
LotusElan.net is a fully responsive phpBB forum dedicated to the Lotus Elan Sportscars of the 1960s.

jcocking
Registered User
Posts: 196
Joined: Wed Jun 08, 2005 6:47 pm

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by jcocking » Wed Oct 05, 2016 4:44 pm

This extension was submitted today to the customization data base.
LotusElan.net is a fully responsive phpBB forum dedicated to the Lotus Elan Sportscars of the 1960s.

User avatar
bacon tacon
Registered User
Posts: 236
Joined: Sun Oct 27, 2002 8:17 pm
Contact:

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by bacon tacon » Wed Oct 05, 2016 8:26 pm

Hi JC,

The problem is apparent when viewing the first image from the link you gave (Scenic-Mountains.jpg). When I open the full size view (currently viewing with Firefox 49.0.1, but same applies to other browsers), the horizontal scroll bar is inactive/frozen/disabled.

User avatar
yasser33311
Registered User
Posts: 266
Joined: Sat Jul 27, 2013 1:27 pm
Location: algeria
Name: yasser ghe
Contact:

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by yasser33311 » Thu Oct 06, 2016 8:09 pm

very good ext
PhpBB Services - install, update, upgrade, customize: PM

jcocking
Registered User
Posts: 196
Joined: Wed Jun 08, 2005 6:47 pm

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by jcocking » Fri Oct 07, 2016 1:31 am

bacon tacon wrote:Hi JC,

The problem is apparent when viewing the first image from the link you gave (Scenic-Mountains.jpg). When I open the full size view (currently viewing with Firefox 49.0.1, but same applies to other browsers), the horizontal scroll bar is inactive/frozen/disabled.
I can not duplicate your issue. The images are set to auto resize based on the browser width. I have checked in Chrome(53.0.2785), Edge (34.14393), Firefox (49.0.1) and Safari (5.1.7) and all are working.

Can you provide more info on what special tools or items you have installed within your browsers? Are you using a special size viewport (display)? What type of device are you using? What is the OS of that device?

jeff
LotusElan.net is a fully responsive phpBB forum dedicated to the Lotus Elan Sportscars of the 1960s.

User avatar
spaceace
Registered User
Posts: 1857
Joined: Wed Jan 30, 2008 8:50 pm
Contact:

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by spaceace » Fri Oct 07, 2016 10:33 am

i'm using Chrome 53.0.2785.143 m and can confirm the same issue...

Image

it will scroll top to bottom fine but will not scroll to the right to show the rest of the image

it's the #fancybox-thumbs that is causing the scrollbar to not function as that <div> is covering the scrollbar. just needs a bit of css work to fix it ;)

User avatar
bacon tacon
Registered User
Posts: 236
Joined: Sun Oct 27, 2002 8:17 pm
Contact:

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by bacon tacon » Fri Oct 07, 2016 7:48 pm

Ditto.
Issue consistent across all browsers tested (IE 11, Firefox 49.0.1, Opera Developer 42, Chrome 55.0.2883.0 canary) and probably a simple fix. No problem with Android which lets you scroll the image without scrollbars.

jcocking
Registered User
Posts: 196
Joined: Wed Jun 08, 2005 6:47 pm

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by jcocking » Mon Oct 10, 2016 6:04 pm

bacon tacon wrote:Ditto.
Issue consistent across all browsers tested (IE 11, Firefox 49.0.1, Opera Developer 42, Chrome 55.0.2883.0 canary) and probably a simple fix. No problem with Android which lets you scroll the image without scrollbars.
I can not duplicate this issue. I have tried 5 different PCs at different locations. I can't fix, what I can't duplicate.

Can you help me with a couple of things:
1. Is this the first time you have been to this site to test this extension? I am wondering if you have an old css or js file cached.

2. Is your device a tablet w/touch screen or a desktop monitor?

thank you.

jeff
Last edited by jcocking on Mon Oct 10, 2016 6:13 pm, edited 1 time in total.
LotusElan.net is a fully responsive phpBB forum dedicated to the Lotus Elan Sportscars of the 1960s.

jcocking
Registered User
Posts: 196
Joined: Wed Jun 08, 2005 6:47 pm

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by jcocking » Mon Oct 10, 2016 6:05 pm

spaceace wrote:i'm using Chrome 53.0.2785.143 m and can confirm the same issue...

Image

it will scroll top to bottom fine but will not scroll to the right to show the rest of the image

it's the #fancybox-thumbs that is causing the scrollbar to not function as that <div> is covering the scrollbar. just needs a bit of css work to fix it ;)
I can not duplicate this issue. I have tried 5 different PCs at different locations. I can't fix, what I can't duplicate.

Can you help me with a couple of things:
1. Is this the first time you have been to this site to test this extension? I am wondering if you have an old css or js file cached.

2. Is your device a tablet w/touch screen or a desktop monitor?

thank you.

jeff
LotusElan.net is a fully responsive phpBB forum dedicated to the Lotus Elan Sportscars of the 1960s.

User avatar
spaceace
Registered User
Posts: 1857
Joined: Wed Jan 30, 2008 8:50 pm
Contact:

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by spaceace » Mon Oct 10, 2016 7:02 pm

jcocking wrote:I can not duplicate this issue. I have tried 5 different PCs at different locations. I can't fix, what I can't duplicate.

Can you help me with a couple of things:
1. Is this the first time you have been to this site to test this extension? I am wondering if you have an old css or js file cached.

2. Is your device a tablet w/touch screen or a desktop monitor?

thank you.

jeff
1. yes, it is the first time i had visited the test site

2. i'm using an LG Flatron desktop monitor model L226WU

in my testing, to fix the issue is a simple css adjustment to uncover the scrollbar...

open fancybox/styles/all/template/fancybox/helpers/jquery.fancybox-thumbs.css

find

Code: Select all

#fancybox-thumbs.bottom {
	bottom: 2px;
}
replace with

Code: Select all

#fancybox-thumbs.bottom {
	bottom: 15px;
}

jcocking
Registered User
Posts: 196
Joined: Wed Jun 08, 2005 6:47 pm

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by jcocking » Mon Oct 10, 2016 7:32 pm

spaceace wrote:
jcocking wrote:I can not duplicate this issue. I have tried 5 different PCs at different locations. I can't fix, what I can't duplicate.

Can you help me with a couple of things:
1. Is this the first time you have been to this site to test this extension? I am wondering if you have an old css or js file cached.

2. Is your device a tablet w/touch screen or a desktop monitor?

thank you.

jeff
1. yes, it is the first time i had visited the test site

2. i'm using an LG Flatron desktop monitor model L226WU
So, this is not a touch screen issue or mobile device (tables/phone) issue.

It looks like you are on Windows 7/8. All the PCs I checked where Windows 10. This shouldn't matter as you are using a current version of chrome.

Based on the image you uploaded, the issue is the image is not auto-resizing. The image when selected, is auto resized to the viewport size. On your browser it is not doing this.
LotusElan.net is a fully responsive phpBB forum dedicated to the Lotus Elan Sportscars of the 1960s.

User avatar
R3gi
Registered User
Posts: 103
Joined: Mon May 05, 2014 4:33 pm
Location: Czech Republic

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by R3gi » Mon Oct 10, 2016 8:45 pm

Hi,
I've installed Fancybox on my localhost test board after a couple of months and now I can't get it work. It's enabled, the settings in ACP → Extensions → Fancybox appears, but the lightbox viewer itself neither image thumbnails doesn't work.
Tested in Vivaldi 1.5.627.3 and IE 11, phpbb 3.1.9 with prosilver. In the console I see following errors, maybe they have something to do with it:

Code: Select all

https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/fancybox/jquery.fancybox.css?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/fancybox/helpers/jquery.fancybox-thumbs.css?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/fancybox/helpers/jquery.fancybox-buttons.css?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/js/fancy.js?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/fancybox/jquery.fancybox.js?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/fancybox/helpers/jquery.fancybox-thumbs.js?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/fancybox/helpers/jquery.fancybox-buttons.js?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
Generally it is net::ERR_INSECURE_RESPONSE error.

Please, how can I make this extension work again?

User avatar
GoBieN
Registered User
Posts: 543
Joined: Fri Mar 05, 2004 5:22 pm
Location: Belgium
Contact:

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by GoBieN » Mon Oct 10, 2016 8:50 pm

Try it without https but normal http

jcocking
Registered User
Posts: 196
Joined: Wed Jun 08, 2005 6:47 pm

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by jcocking » Mon Oct 10, 2016 9:12 pm

R3gi wrote:Hi,
I've installed Fancybox on my localhost test board after a couple of months and now I can't get it work. It's enabled, the settings in ACP → Extensions → Fancybox appears, but the lightbox viewer itself neither image thumbnails doesn't work.
Tested in Vivaldi 1.5.627.3 and IE 11, phpbb 3.1.9 with prosilver. In the console I see following errors, maybe they have something to do with it:

Code: Select all

https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/fancybox/jquery.fancybox.css?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/fancybox/helpers/jquery.fancybox-thumbs.css?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/fancybox/helpers/jquery.fancybox-buttons.css?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/js/fancy.js?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/fancybox/jquery.fancybox.js?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/fancybox/helpers/jquery.fancybox-thumbs.js?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
https://localhost/phpbb/ext/lotusjeff/fancybox/styles/all/template/fancybox/helpers/jquery.fancybox-buttons.js?assets_version=513 Failed to load resource: net::ERR_INSECURE_RESPONSE
Generally it is net::ERR_INSECURE_RESPONSE error.

Please, how can I make this extension work again?
This is usually caused by a SSL mismatch error. The extension does not define https or http, but a relative location. I would purge your cache and validate the board is setup for https or http.
LotusElan.net is a fully responsive phpBB forum dedicated to the Lotus Elan Sportscars of the 1960s.

User avatar
spaceace
Registered User
Posts: 1857
Joined: Wed Jan 30, 2008 8:50 pm
Contact:

Re: [RC] Fancybox Images (A Lightbox Alternative)

Post by spaceace » Mon Oct 10, 2016 10:38 pm

jcocking wrote:So, this is not a touch screen issue or mobile device (tables/phone) issue.

It looks like you are on Windows 7/8. All the PCs I checked where Windows 10. This shouldn't matter as you are using a current version of chrome.

Based on the image you uploaded, the issue is the image is not auto-resizing. The image when selected, is auto resized to the viewport size. On your browser it is not doing this.
the image i uploaded was after i had clicked the icon to make the image full size. the css fix that i posted works on my end but i cannot verify that it will work for others until more people can test it ;)

Post Reply

Return to “Extensions in Development”