[Pro] Drop shadows and a missing picture

Hello all, working on this site using WebYep and Lightbox for the slideshow, the client has asked if there is any way to have little drop shadows on the thumbnails of this page.

Also, when you click on the thumbnail to view the slideshow, the ‘close window’ copy in the bottom right of the pop up window is missing. Looking on the server, it’s there in the images folder (close label.gif).

Thanks in advance.

Trev

http://www.trevreav.co.uk/CSTEST/colinstimpson-mo.php


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Trev,

the close label (as well as the load) is part of the lightbox.js in the js folder of lightbox while the prev next are in the lightbox css.

You need to adjust the path in the lightbox.js using an external editor. I do it usually absolute something like:

http://www.trevreav.co.uk/webyep-system/program/opt/lightbox/images/close.gif

should work. Do this for the loading.gif as well.

About the drop shadow I have to mind cause I usually do not use the webyep image action. But I’m pretty sure that you can add some custom styles there.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

and if it is a gallery like this:

http://www.test.q-ring.de/follower/denim-gallery.php

download the excerpt of Max’s manual there and walk the steps through.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for the 2 posts Thomas, on it now…
Trev

On 28 Jun 2012, at 13:43, Thomas Kimmich wrote:

and if it is a gallery like this:

http://www.test.q-ring.de/follower/denim-gallery.php

download the excerpt of Max’s manual there and walk the steps through.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thomas, could this be because the site is in a subfolder of mine? I’m using exactly the same setup with my gallery and I haven’t had to set up a path for the affected graphics.

Is WebYep expecting to follow the straightforward, expected path and once uploaded to the correct place wouldn’t have to trawl through as many sub folders and therefore fix itself?

Trev

On 28 Jun 2012, at 13:34, Thomas Kimmich wrote:

Hi Trev,

the close label (as well as the load) is part of the lightbox.js in the js folder of lightbox while the prev next are in the lightbox css.

You need to adjust the path in the lightbox.js using an external editor. I do it usually absolute something like:

http://www.trevreav.co.uk/webyep-system/program/opt/lightbox/images/close.gif

should work. Do this for the loading.gif as well.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ahhmmm - pretty sure yes.

While the path in the css is something like:

…/images/prevlabel.gif

and those images are loaded

it is in the lightbox.js

‘images/loading.gif’

which is ending up in a path like:

/CSTEST/images/loading.gif (404)

Try to change this into:

‘…/images/loading.gif’

and see if it works (uahhh - guess not) and if not, change it in the above mentioned absolute path so it should run for both, main root and subfolder.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The easiest way to sort this is to change the following in the lightbox.js file

//  Configurationl
//
LightboxOptions = Object.extend({
    fileLoadingImage:        'images/loading.gif',     
    fileBottomNavCloseImage: 'images/closelabel.gif',

To

//  Configurationl
//
LightboxOptions = Object.extend({
    fileLoadingImage:        'http://www.trevreav.co.uk/images/loading.gif',     
    fileBottomNavCloseImage: 'http://www.trevreav.co.uk/images/closelabel.gif',

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thomas, David, thanks to you both for your input on this. The client is happy just to view the content as it stands at the moment, tagged onto my site. I’ve explained what the problem is and I can sort it out when I’ve tried it in it’s final resting place, but thanks for the pointers.
Trev

On 29 Jun 2012, at 00:20, DeltaDave wrote:

The easiest way to sort this is to change the following in the lightbox.js file

//  Configurationl
//
LightboxOptions = Object.extend({
   fileLoadingImage:        'images/loading.gif',     
   fileBottomNavCloseImage: 'images/closelabel.gif',

To

//  Configurationl
//
LightboxOptions = Object.extend({
   fileLoadingImage:        'http://www.trevreav.co.uk/images/loading.gif',     
   fileBottomNavCloseImage: 'http://www.trevreav.co.uk/images/closelabel.gif',

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hello everyone, back to this again, take this page for example:

http://www.colinstimpson.com/colinstimpson-bo.php

and I still have the problem of the little 'loading animated gif and the ‘close window’ words not showing. I’ve followed your instructions below and changed this section to:

//  Configurationl
//
LightboxOptions = Object.extend({
    fileLoadingImage:        'http://www.colinstimpson.com/images/loading.gif',     
    fileBottomNavCloseImage: 'http://www.colinstimpson.com/images/closelabel.gif',

but do I need to put it as the full path? ie:
http://www.colinstimpson.com/webyep-system/program/opt/lightbox/images/loading.gif’, or something else going amiss? I’ve checked the images folder and the 2 graphics are there.

Once again, thanks in advance.
Trev

On 29 Jun 2012, at 07:53, Trevor Reaveley wrote:

Thomas, David, thanks to you both for your input on this. The client is happy just to view the content as it stands at the moment, tagged onto my site. I’ve explained what the problem is and I can sort it out when I’ve tried it in it’s final resting place, but thanks for the pointers.
Trev

On 29 Jun 2012, at 00:20, DeltaDave wrote:

The easiest way to sort this is to change the following in the lightbox.js file

//  Configurationl
//
LightboxOptions = Object.extend({
  fileLoadingImage:        'images/loading.gif',     
  fileBottomNavCloseImage: 'images/closelabel.gif',

To

//  Configurationl
//
LightboxOptions = Object.extend({
  fileLoadingImage:        'http://www.trevreav.co.uk/images/loading.gif',     
  fileBottomNavCloseImage: 'http://www.trevreav.co.uk/images/closelabel.gif',

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

but do I need to put it as the full path

You need to put in the actual path - if the missing images are in /webyep-system/program/opt/lightbox/images/ - then yes - you need to spell it out.

You could just copy the images file into the root ie at www.trevreav.co.uk/images

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Excellent, thanks Dave.

On 12 Jul 2012, at 18:31, DeltaDave wrote:

but do I need to put it as the full path

You need to put in the actual path - if the missing images are in /webyep-system/program/opt/lightbox/images/ - then yes - you need to spell it out.

You could just copy the images file into the root ie at www.trevreav.co.uk/images

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Just to report back, it worked a treat, thanks Dave and Thomas (and Max@WebYep for his off-list help).

Trev

On 12 Jul 2012, at 18:31, DeltaDave wrote:

but do I need to put it as the full path

You need to put in the actual path - if the missing images are in /webyep-system/program/opt/lightbox/images/ - then yes - you need to spell it out.

You could just copy the images file into the root ie at www.trevreav.co.uk/images


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Re box shadows on web yep thumbnails on this page http://www.bnh-photography.com/portfolio.php I managed to make the shadows as a result of adding a tag style - .WebYepGalleryImage img - (as explained by Max in his Webyep guide to styling galleries) - and in the extended box adding

name - box-shadow value - 0px 2px 4px #000;

(and the same value for -moz-box-shadow and -webkit-box-shadow. Hope this makes sense ! and is correct code !)

Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Richard, thanks for that. I must have an old tutorial for WebYep as I can’t see anything about styling galleries in it.

Does this style get applied to the WY box that holds the gallery?

Trev

On 14 Jul 2012, at 12:59, Richard Lowther wrote:

Re box shadows on web yep thumbnails on this page http://www.bnh-photography.com/portfolio.php I managed to make the shadows as a result of adding a tag style - .WebYepGalleryImage img - (as explained by Max in his Webyep guide to styling galleries) - and in the extended box adding

name - box-shadow value - 0px 2px 4px #000;

(and the same value for -moz-box-shadow and -webkit-box-shadow. Hope this makes sense ! and is correct code !)

Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi You probably have the latest version which omitted the info on Gallery Styles - Max left it out in error ! But he made a link to it in this thread http://www.freewaytalk.net/thread/view/104396#m_104433

Once the style is made it does not need to be applied - it will apply itself to any gallery you make.

Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s excellent news, thanks very much Richard, much appreciated.
Trev

On 17 Jul 2012, at 22:53, Richard Lowther wrote:

Hi You probably have the latest version which omitted the info on Gallery Styles - Max left it out in error ! But he made a link to it in this thread http://www.freewaytalk.net/thread/view/104396#m_104433

Once the style is made it does not need to be applied - it will apply itself to any gallery you make.

Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options