Modules: Shadowbox 3 integration - v.1.9

Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Mon, 2009-09-28 02:30

Adds Shadowbox integration for Gallery 3.
After installation, fine-tune the startup settings by visiting module's admin page

---
Problems? Report it here | Get latest version | Coffee Fund | My Library | Blog

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Mon, 2009-09-28 03:03

Does it require a custom theme to use?

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Sun, 2010-08-29 02:30

JS added to the page would take care of the registering supported players.

then something like this would enable link support for Full Size button

<script type="text/javascript"> 
  window.onload = function(){
    Shadowbox.setup("a.gFullSizeLink", {player: 'img'});
  }
</script>

and rel="shadowbox;player=img" added to the <a> element in the Photo.html.php would enable it for image
In general all of it could be added into shadowbox init event to hook it up to all desired images with jQuery.
Plugin itself just ensures that Shadowbox is there.
I would extend it so that default theme is enabled in all necessary places by default.

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Mon, 2009-09-28 13:38

Thanks for the explanation.
Perhaps a Shadowbox enabled theme derived from the default Wind theme would help others.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
cchiappa
cchiappa's picture

Joined: 2008-08-11
Posts: 101
Posted: Mon, 2009-09-28 14:07

As a suggestion, a small explanation of what Shadowbox 3 is, or a link to a web page or something on the Codex page might be useful. Or screenshots!

 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16504
Posted: Mon, 2009-09-28 17:43

I've added a link to the ShadowBox site and cleaned up some duplicate wording. And I see Serge is adding more description too.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

 
TopCat_ism
TopCat_ism's picture

Joined: 2007-07-16
Posts: 22
Posted: Fri, 2010-03-19 07:41

Is there a read me page for installation into the default theme? Is there a site where it is currently used?

TopCat
www.topcatlive.com

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Fri, 2010-03-19 15:22

It is a requirement for my theme.
Following Demo url there you can see how it works.
I have not tested it with Wind theme, but it may just work. Let me know if it would work for you and I will include it into module description

As it was mentioned above, code need to be added into the particular theme to enable binding.

$(document).ready( function() { 
  try {
    Shadowbox.setup("a.g-fullsize-link", {player: 'img'});
  } catch (e) {
  }
}
 
rross

Joined: 2010-08-22
Posts: 41
Posted: Sat, 2010-08-28 16:06

Newbie here- thanks for the great theme and mods!

I've been looking around and am still confused- where exactly does the above code go for your GreyDragon theme?

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Sat, 2010-08-28 20:33

as any other 3rd party module, follow these simple steps:

  • unpack it to your local drive
  • upload shadowbox folder inside modules folder of the gallery. Make sure that right under you can see .info file.
  • login as admin into G3
  • go to admin -> modules page
  • locate shadowbox item and enable it
  • make sure that after refresh of the page, module remains enabled

Ok as far as code above, it does not apply to grey dragon theme - already there
if you need to find the line, look inside theme's js script

 
rross

Joined: 2010-08-22
Posts: 41
Posted: Sun, 2010-08-29 00:44

Oh, I already activated it, I'm confused about the code above and on the codex page, "$(document).ready..."

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Sun, 2010-08-29 02:29

I have changed the description to emphasise that no additional code changes are required for the GreyDragon theme

 
eddy@inpulsearts.com
eddy@inpulsearts.com's picture

Joined: 2009-08-04
Posts: 14
Posted: Thu, 2010-12-02 02:42

I've installed the theme on my site. It looks like it's working fine, although there appears to be too too much space in between the columns. Is this normal?
http://www.inpulsearts.com/Art_Gallery
Eddy
http://www.inpulsearts.com

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Thu, 2010-12-02 05:26

Please update to the latest version of the theme
I cannot say it is too much of the space, theme by default is designed to work in 3 columns mode. you can enable flex columns to see if it would work better for you

 
dwdallam

Joined: 2006-11-19
Posts: 394
Posted: Mon, 2010-12-06 12:51

deleted

 
dwdallam

Joined: 2006-11-19
Posts: 394
Posted: Fri, 2010-12-17 06:28

Serge, which one is the current version. This one says 3.0 the codex page says 1.4 ??

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Fri, 2010-12-17 17:44

ShadowBox version included is 3.0.x (JS itself)
while module version is 1.4

 
mrf00rk
mrf00rk's picture

Joined: 2005-06-02
Posts: 158
Posted: Sat, 2010-12-25 12:45

I was using a iPad on my gallery3 last night with shadowbox and latest Greydragon theme. And since the shadow box slideshow (?) can be a perfect match for the iPad, it was not working properly. The slide show stopped every time at picture number 3. What could be the culprit? We even tried the Skyfire web browser for the iPad as well. Still the same problem. (The iPad comes with Safari)
Now today I tried the shadow box slide show with Safari on my macbook and had no problems. What could be the problem?

Update: Using Safari (macbook) I cannot start the shadow box slide show when the normal slide show module is activated. In Firefox its no problems. So there is one conflict.

My other sandbox

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Sat, 2010-12-25 18:30

it could be, but I would seek help at shadowbox-js.com forum.
I just wrapped the code, I have not worked on internals. I am going to introduce latest core version for SB, see if it would help you

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Sat, 2010-12-25 18:37

version 1.5 is out

  • SB Core updated to latest version
 
greg@gregtompki...
greg@gregtompkins.com's picture

Joined: 2010-12-28
Posts: 43
Posted: Sun, 2011-01-23 08:55

Hi Serge,

I really like your modules - great work! I am just getting my feet wet with gallery. What I want to do is have a script snippet (i don't even know if that's the right terminology, I'm NOT a programmer) inside my existing HTML page to present all my images from gallery into the HTML page. Is that possible if the page isn't PHP?

Thank You and again great work!

--GREG--

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Sun, 2011-01-23 16:48

when you say "into html page" what do you mean?

 
greg@gregtompki...
greg@gregtompkins.com's picture

Joined: 2010-12-28
Posts: 43
Posted: Sun, 2011-01-23 20:22

I have a very simple site and would just like to have gallery pictures inside my existing template. Maybe it would be easier if I just give you the URL: http://www.4-tacres.com/photos.htm

I have a link from THAT page to go to the gallery3 framework but I'd rather just use the gallery site to manage my photos and I'd like some kind of snippet/plugin/whatever you call it to be in my table on that site.

Does that make sense?

Thanks, Serge! I really like what you do!

--GREG--

 
tommyz

Joined: 2005-09-24
Posts: 6
Posted: Mon, 2011-01-24 02:21

hi I have a problem to report with this module. Not sure if it is theme related or not, but when I install it, when I look at the source of the individual photo page, I get the word dummy all over the place which shows in search results.

example:

<a href="/var/albums/Earth-and-Sky/ES-503_San_Luis_Valley_Co.jpg?m=1295740791" class="g-fullsize-link" rel="shadowbox[Earth & Sky]" title="San Luis Valley, Co"> dummy </a>

I search for the word "dummy" everywhere in the code and could not find it, so it could be a filler?

for now I have switched to your fencybox plugin.

kind regards

Tom

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Mon, 2011-01-24 17:15
greg@gregtompkins.com wrote:
I have a very simple site and would just like to have gallery pictures inside my existing template. Maybe it would be easier if I just give you the URL: http://www.4-tacres.com/photos.htm

I have a link from THAT page to go to the gallery3 framework but I'd rather just use the gallery site to manage my photos and I'd like some kind of snippet/plugin/whatever you call it to be in my table on that site.

Does that make sense?

Thanks, Serge! I really like what you do!

--GREG--

Thank you for the kind words.
your request may not be per se related to shadowbox module

you can choose to open G3 by the click in the main menu instead of the link from the page... but... if you want to embed G3 inside your site... there were several attempts to do so, with mixed success
Out of anything... easiest way would be to create a satelite site - create custom theme which would look exactly as page above, but would be in fact a G3 page with extra menu items for navigation

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Mon, 2011-01-24 17:16
tommyz wrote:
hi I have a problem to report with this module. Not sure if it is theme related or not, but when I install it, when I look at the source of the individual photo page, I get the word dummy all over the place which shows in search results.

example:

<a href="/var/albums/Earth-and-Sky/ES-503_San_Luis_Valley_Co.jpg?m=1295740791" class="g-fullsize-link" rel="shadowbox[Earth & Sky]" title="San Luis Valley, Co"> dummy </a>

I search for the word "dummy" everywhere in the code and could not find it, so it could be a filler?

for now I have switched to your fencybox plugin.

kind regards

Tom

module itself does not do anything with the page content, so, if anything, there is something else going on
can you provide current url?

 
greg@gregtompki...
greg@gregtompkins.com's picture

Joined: 2010-12-28
Posts: 43
Posted: Mon, 2011-01-24 18:31

Hi Serge,

That makes sense and I thought that would be how I go about it. I just don't know enough to create a custom theme so I'll be learning that next :) Thank You and have a great day!

 
greg@gregtompki...
greg@gregtompkins.com's picture

Joined: 2010-12-28
Posts: 43
Posted: Mon, 2011-01-24 18:51

Hi Serge,

How about Fancybox? Would it be possible to embed the code for a non-Flash Fancybox presentation within my existing dreamweaver site? Thanks!

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Mon, 2011-01-24 19:07

short answer - yes
long answer - try to read some info here
http://fancybox.net/home
http://fancybox.net/howto

 
vhenninot

Joined: 2008-09-26
Posts: 32
Posted: Tue, 2011-01-25 20:49

Hello Serge,

THANKS for all your work : Greydragon theme is FANTASTIC !

I tried to use shadowbox with it, but it does'nt work, i missed something somewhere...
every required modules are activated in greydragon...
(i also tried fancy box, same problem)

When i clic to see full size image, Firefox only open a new page with the full size image in it !

Could you tell me where to search to modify this behavior ?

same behavior with my local site (ubuntu)

but all your demo site work fine !

Vincent

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Tue, 2011-01-25 21:18

version 1.6 is out

  • Adjusted to comply with G3 v 3.0.1
  • Changed code structure to allow bundling of the CSS/JS code
 
vhenninot

Joined: 2008-09-26
Posts: 32
Posted: Tue, 2011-01-25 21:28

Great !
It's working now !

Thanks !
:o))

(same compatibility problem with Fancybox ?)

Vincent

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Tue, 2011-01-25 21:33
vhenninot wrote:
(same compatibility problem with Fancybox ?)

Indeed

 
welshylad

Joined: 2004-10-09
Posts: 7
Posted: Tue, 2011-01-25 23:13

I have recently installed Gallery 3.0.1 (Menlo Park) with Grey Dragon Theme 2.3.1 upon activating Shadowbox i encounter errors. Specifically when clicking the Login link, the page will grey but I do not see the login options.

If you have any ideas on how to rectify this error it would be much appreciated.

Thank you.

Quote:
Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; Tablet PC 2.0; .NET4.0C; .NET4.0E; InfoPath.3)
Timestamp: Tue, 25 Jan 2011 23:09:45 UTC

Message: Exception thrown and not caught
Line: 8
Char: 8628
Code: 0
URI: /modules/shadowbox/js/shadowbox.js

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Wed, 2011-01-26 00:28

GD 2.3.1? are you getting code from git or codex? I do not maintain Git and version there is well behind
dialogs no longer handled via shadowbox so it would not affect it
Please use a link from first post of the thread for GD theme for proper location

 
welshylad

Joined: 2004-10-09
Posts: 7
Posted: Wed, 2011-01-26 11:45

Hi Serge,

Thank you for the prompt reply, I have now downloaded and installed the updated version which has fixed the original issue.

 
Sammy_K

Joined: 2011-01-25
Posts: 35
Posted: Thu, 2011-01-27 22:31

One question - helps shadowbox to prevent people stealing/use the full-size view pictures? Or could anyone simply deactivate javascript to get the normal full-size view?

Greetings,
Sammy

PS: Does clean canvas need any addition to use it (G 3.0.1.)? Would it be possible to add the additional code via "custom header" module?

PPS: What the hell is going on? My "shadowbox" works only if the shadowbox module is disabled ?! And it shows full-size pictures even though full-size view is not allowed via restricted rights ?!

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Thu, 2011-01-27 22:47
Sammy_K wrote:
One question - helps shadowbox to prevent people stealing/use the full-size view pictures? Or could anyone simply deactivate javascript to get the normal full-size view?

No, it does not. ShadowBox shows what your page references - so if your page has reference to full size picture it would be used.
So if page is not properly constructed (this would be a case if page code does check for user rights properly) you than expose your source.
Even exploring page source would allow "stealing"... not even JS.
Sample link perhaps?

Sammy_K wrote:
PS: Does clean canvas need any addition to use it (G 3.0.1.)? Would it be possible to add the additional code via "custom header" module?

Same as Wind Theme. Please refer to modules codex page to see how to enable integration.
Only theme which supports SB out of the box is GreyDragon.

Sammy_K wrote:
PPS: What the hell is going on? My "shadowbox" works only if the shadowbox module is disabled ?! And it shows full-size pictures even though full-size view is not allowed via restricted rights ?!

Cannot say anything about that without seeing the sample page

 
Sammy_K

Joined: 2011-01-25
Posts: 35
Posted: Fri, 2011-01-28 14:52

1.) Sorry I forgot ... sample link: http://test.kramann.net (or http://www.kramann.net in future).

2.) Do you have an idea how there can be something like a lightbox/shadowbox as long as I deactivate the shadowbox (and fancybox) plugin?

3.) Seems that thing occurs during I am logged in - then the full-size view is not blocked and - dont know why (compare 2. above) its only a simple picture if the "shadowbox enabled checkbox in modules is filled out" and it is a "shadowbox" (or something like that) when that checkbox is not checked ?!

Greetings,
Sammy

*** http://www.kramann.net

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Fri, 2011-01-28 17:26
Sammy_K wrote:
1.) Sorry I forgot ... sample link: http://test.kramann.net.

Do not see any references to shadowbox or fancybox there
No clicks would open popup neither there is a link to a full view

Sammy_K wrote:
2.) Do you have an idea how there can be something like a lightbox/shadowbox as long as I deactivate the shadowbox (and fancybox) plugin?

No, and I do not see it. Cached version of the page on your end perhaps?
you only would see full size image IF page references full size image. I see only resized links

 
Sammy_K

Joined: 2011-01-25
Posts: 35
Posted: Fri, 2011-01-28 20:53

I recognized that the full size view -- and the "lightbox" view is only available when I am logged in (admin). Without that you are right - there is no full size available.
Is it possible perhaps that I get the "lightbox" view coz of cooliris plugin (firefox)? I would think caching (good hint) could not be part of the phenomenom because "private mode" is enabled (firefox) and its reproducable (even after FF restart / pc restart)

*** http://www.kramann.net

 
Roguer
Roguer's picture

Joined: 2002-09-07
Posts: 1
Posted: Tue, 2011-02-15 20:16

Thanks for this awesome module!

I have a question however. I am running Gallery 3.0.1 + Shadowbox 1.6 + Grey Dragon Theme 2.7.9. Is there any way to start image view within Shadowbox with slide show paused by default? As is it comes up and starts a slide show automatically and requires a pause button to be pressed by the viewer to stop. Please let me know.

Thanks!!

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Tue, 2011-02-15 21:04
Roguer wrote:
Thanks for this awesome module!

I have a question however. I am running Gallery 3.0.1 + Shadowbox 1.6 + Grey Dragon Theme 2.7.9. Is there any way to start image view within Shadowbox with slide show paused by default? As is it comes up and starts a slide show automatically and requires a pause button to be pressed by the viewer to stop. Please let me know.

Thanks!!

I do not see option not to start slideshow until "play" is clicked.
In fact, only option I found is slideshowDelay which is set to 7 seconds. If I am to set it to 0 it would remove "play" option all together...

Edit: Only suggestion from SB Forum - involves code adjustments:
http://shadowbox-js.com/forum.html#nabble-td1309373

 
ipopovski

Joined: 2011-06-22
Posts: 5
Posted: Wed, 2011-06-22 11:45
Quote:
Necessary javascript references would be added to the page. If module is used by itself outside of GreyDragon theme, the following code would need to be added to activate it.

$ (document). ready( function() {
try {
Shadowbox.setup("a.g-fullsize-link", {player: 'img'});
} catch (e) {
}
}

Any suggestions where are we supposed to add this code for those of us who aren't programmers?

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Wed, 2011-06-22 14:15

simpliest way - into page.html.php
second option is to modify shadowbox-init.js
better way - add special javascript file for your own

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Sun, 2011-08-21 21:39

Version 1.8 has been released

version 1.8:
- Added translation logic for help info

version 1.7
- Module info adjusted to match new format in G3 3.0.2+
- Added admin area

 
sluggy

Joined: 2006-09-25
Posts: 7
Posted: Sat, 2011-08-27 18:12
Serge D wrote:
simpliest way - into page.html.php
second option is to modify shadowbox-init.js
better way - add special javascript file for your own

Where can I find simple instruction on how to configure this for the wind (default) theme? Do I need to modify the ui.init.js file in the theme? Where in there do I need to make this modification?

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Sat, 2011-08-27 22:55

I have updated codex page to include instruction on how to enable this in Wind theme

 
sluggy

Joined: 2006-09-25
Posts: 7
Posted: Mon, 2011-08-29 04:48
Serge D wrote:
I have updated codex page to include instruction on how to enable this in Wind theme

Hi Serge D,

Thanks for the updated instructions. I made the necessary modifications. In order for me to get the shadow box, I need to click on the image in the album first, then click on the image on a single page. Is there a way to modify the wind theme so that I can select the image in the album without needing to go to the single image view first?

 
Serge D
Serge D's picture

Joined: 2009-06-11
Posts: 2466
Posted: Mon, 2011-08-29 05:07

No, it is default logic fro G3 Wind theme

PS: I do support such behaviour for my theme in 3.1

 
sluggy

Joined: 2006-09-25
Posts: 7
Posted: Tue, 2011-08-30 22:20

OK. I'm using the grey dragon theme now. I'm unable to get this behaviour. Do I need to add custom css to get this behaviour? Also how can I remove the space between the images similar to your site and can I do this on an album by album basis?

(let me know if I should punt this to the grey dragon theme thread).