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).
http://www.colinstimpson.com
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