webyep and lightbox problem

Freeway
1

I’ve set up the site below utilising webyep and lightbox for the images. Problem is, the PC-based client says the lightbox is working correctly (apart from the lack of a closing icon), but our two Macs with various browsers open a window with the image aligned top left.

Have I set something up wrong?

http://etonlivestockappliances.com/test/eton-plastic-drinkers.php

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

2

The Prototype and Scriptaculous libraries aren’t being loaded - 404 Error

The page is looking for them in webyep-system/program/opt/lightbox/js/ and they are not there.

Not sure how you have constructed this but these are the relevant lines

<script type='text/javascript' src='/test/webyep-system/program/opt/lightbox/js/prototype.js'></script>
<script type='text/javascript' src='/test/webyep-system/program/opt/lightbox/js/scriptaculous.js?load=effects,builder'></script>

So if you copy these files into this folder you should be GTG

David

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

3

Thanks Dave

I’m confused now. I followed the instructions here: http://www.obdev.at/resources/webyep/documentation/WebYep_Documentation_1.2.4/reference/image.html, but it doesn’t mention anything about having to upload any libraries. Where do I found them, and where do I put them?

Also, why can my PC using client see the lightbox effect when I can’t?

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

4

I think there is an issue with both FW and WY trying to load these libraries but I really am not sure what the problem is as I dont do much with WY

Did you download the jQuery version of Lightbox from Lokesh’s site? If so then I have no idea why Script/Protaculous is involved.

Earlier versions of LB did use Script/Protaculous though.

D

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

5

As far as I’m aware I followed the instructions to the letter, which as you can see, aren’t overly complicated. And yes, I downloaded lightbox 2 from Lokesh’s site, not sure if that’s jQuery or even what jQuery is! :slight_smile:

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

6

Max is obviously the man when it comes to WY but I would have a look in your webyep-system/program/opt/lightbox/js/ - folder and see what is in there.

D

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

7

I emailed Max earlier, he’s going to get back to me later. I’ll post his fix for general information.

Thanks again Dave

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

8

Neil,
I had the same issue as you several month ago. As it turns out, WY is not compatible with the latest version of Lightbox. You have to be using 2.05 or earlier, which doesn’t use JQuery. You can download version 2.05 from http://cl.ly/Ktlu, and just use it per WY’s directions.

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

9

It is true that it might cause errors but I run the v 2.51 on my example page (and had already some requests on this). The current stat is, that only the “jQuery call” is missing.

Add the hook into the before closing head tag of your page markup and see if this is fixing the issue.

Got the running example on:

http://www.kimmich-dm.de/testings/webyepgallerie.php

Cheers

Thomas

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

10

WebYep can be made compatible with lightbox 2.5.
The problem lies in WebYeps assumption that the lightbox in question is using prototype/scriptacoluos as its frame work which it used to, until 2.5 came out and at that point the lightbox creator started to use jQuery.

If you want to use the latest version you would need to write the script below in the config-inc.php file which can be found within the webyep-system folder:

// Turn off WebYep references of Scriptaculous/Prototype
   $webyep_bDoNotIncludePrototype = true;
   $webyep_bDoNotIncludeScriptaculous = true;

after the line that reads:

   $webyep_bDebug = false;

Once you have done that all you would need to do is reference the jQuery library before the end of the head part of your php page which Freeway generates and that would be something like this:
Page/Html Markup
then specify
Before
and paste this:

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

The result should be… that WebYep wont create and reference the scripty prototype library and you have referenced the correct jQuery library

Please note: This is purely for 2.5 of the lightbox and if you were intending to use any of Walters or freeways scripty based actions then I would use 2.05 of the lightbox

All the best Max
ps in the next release of the webyep actions a lot of this has been handled

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

11

Thanks for that everyone. I’ve decided to revert to version 2.05 but I can’t now seem to get it to work.

I’ve followed the same instructions as I used for v2.5 but the lightbox effect isn’t happening. Can anybody point me to the instructions for v2.05 please.

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

12

Instructions for 2.05

How to Use:

Part 1 - Setup

Lightbox v2.0 uses the Prototype Framework and Scriptaculous Effects Library. You will need to include these three Javascript files in your header.

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles).

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Check the CSS and make sure the referenced prevlabel.gif and nextlabel.gif files are in the right location. Also, make sure the loading.gif and closelabel.gif files as referenced near the top of the lightbox.js file are in the right location.

Part 2 - Activate

Add a rel=“lightbox” attribute to any link tag to activate the lightbox. For example:
image #1
Optional: Use the title attribute if you want to show a caption.
If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:
image #1
image #2
image #3
No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!

Note that these are the Vanilla instructions sans WY

Update your example and we can have a look.

D

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

13

Sorry Dave, I’m going nowhere fast here. Thanks for your instructions, as you say they are ‘vanilla’, but I don’t ‘think’ they work with WY (I could be wrong).

Looking at the instructions for lightbox v2.5, it’s a simple matter of putting folder x in location y on the server, and it works! No messing in the FW doc. That appears to be the theory anyway.

I’ve now reverted back to 2.5 again, because that’s the only one I’ve got WY instructions for. I’ve followed Max’s instructions above (which are the same as on the ObDev site and the WY manual, but it still doesn’t work, or at least not on my Mac. This is part of the problem - my client has said from day one that it’s working for him, but I can’t see it working at all, on any Mac, in any browser.

Can someone please have a look at the link again to see what I’m not doing right.

Thanks

Neil

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

14

Hi Neil,

the good news:

All necessary resources should be available (no 404)

the bad one:

Your server is responding with 403 (Forbidden) for loading the lightbox.js and lightbox.css. While I can only guess (cause I’m dumb), I tend to say: Apache and some missings or misconfiguration far off webyep and or Freeway.

Cheers

Thomas

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

15

Thanks for that Thomas

If what you’re saying is correct, that’s a weight off!

It doesn’t help the situation from my point of view of getting lightbox working, but the server belongs to the client, so I’ll report back to them and see what they can do about it.

Can anybody else cast any light on what might be ‘wrong’ with the server?

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

16

It doesn’t help the situation from my point of view…

that’s true, but it’s an answer why the client (with probably higher authorization) is able to see while we not :slight_smile:

Cheers

Thomas

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

17

Hi Neil

I am not sure what you have done but it is working for me.

D

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

18

Hi everyone I think I better try to explain a few mis understanding which a few seem to be having so if I am going over old ground please ignore but for those who don’t know here goes

First off

  1. DON’T use Cyberduck to ftp the lightbox or the wysiwyg editor like tinyMCE or in-fact the webyep system. Even though I have mentioned it in the old manual as a good Free FTP application the truth is I have had more problems with that application with uploading plugins like the lightbox than anything else… So to recap use something like fetch or transmit as your ftp program.
  2. If you intend to use the 2.05 version of the lightbox and you wont be adding any other of Freeway’s/Walters scriptaculous/prototype actions or effects on that specific page, then you DO NOT need to suppress webyep’s automatic inclusion of the javascript references which will be placed into the head of your page. On the other hand, if you are going to add an action like the Transition FX action to the page which already contains a webyep image or webyep gallery action then you do need to suppress the webyep automatic inclusion of the javascript libraries. The reason for this is the freeway actions have already added the references into the head and you must not have the scriptaculous/prototype libraries added multiple times.
  3. If you are going to use the latest 2.5 light-box then you DO need to suppress the automatic inclusion of the scriptaculous/prototype libraries which webyep will automatically add into the head of your document and thats because Lokesh Dhakar who wrote the lightbox has moved over to using query as the javascript framework. And you will need to manually add the jQuery javascript reference into the head of your freeway page. This also means you are going to have more problems using the standard scriptaculous/prototype actions because both libraries don’t work well together unless you use the jQuery.noConflict() and for that you will need to know a little about javascript to make it all work.

I hope that helps everyone have a better understanding

all the best Max

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

19

Hmm, I thought I’d done everything correctly regarding v2.5 - obviously not! either that, or Cyberduck had thrown a spanner in the works. Either way, you’ve now fixed it and it’s working correctly. Thanks again Max :slight_smile:

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

20

Sorry for resurrecting this old thread, but I’m having the same problems again and I can’t remember how the issue was solved. Unfortunately, because the fix last time was a combination of this thread, research and Max himself uploading and configuring, I don’t have a single source which tells me exactly what to do this time.

So, these are the instructions from the webyep manual:
http://www.obdev.at/resources/webyep/documentation/WebYep_Documentation_1.2.4/reference/image.html#pagetop

Adding the “Lightbox” effect

At the time of writing, the Lightbox JavaScript library can be downloaded from: Lightbox2

Download the ZIP file, unpack it, rename the resulting folder (that usually has the version number as part of its name) to “lightbox” and upload that folder into the webyep-system/program/opt folder on the server.

From that point on, WebYep will make use of Lightbox.

.
.

I’ve downloaded v2.05 (the link above is now actually for 2.5) and followed the instructions (uploaded via Fetch), but the lightbox isn’t working. Am I still doing something wrong or are the instructions missing something?

A sample page can be found here
http://heatherbankprint.co.uk/network-rail/maintenance/control-room-boards/IMSM-control-room.php

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