phpwcms 1.2.6 und Lightbox JS 2.0

[Gino Bonetti]

Hi all,

I have just implemented the nice looking Lightbox JS (Version 2.02) on my personal website.

The thing is, although everything seems to work, the animation and loading times are pretty sloppy.

I haven't done anything else than what is said on the authors website (http://www.huddletogether.com/projects/ ... 2/#example)

Have a look at
http://www.dennis-blank.de/index.php?id=17,0,0,1,0,0
and see for yourselves.


I have no more ideas what the reason for that could be..

Has anyone of you guys experience in using Lightbox with phpwcms?
I could really need some hints with that.

-Gino.

[Kosse]

Hi Gino,
nice work,
it's ok with me it doesn't look sloppy

Cheers

[Gino Bonetti]

Thanks Kosse, but I did not mean the "looks" of it.

On my machine the resize animation that occurs when switching from one picture to the next by clicking on "next" and "previous" is not fluid at all.

Is that different on yours?
Have you compared the speed to the example on the author's page?

I get the feeling, that the more pictures I add to the gallery the slower the animations get.

On the author's page everything runs much more smooth.

Wonder what I am doing wrong..

[Kosse]

Thanks Kosse, but I did not mean the "looks" of it.

On my machine the resize animation that occurs when switching from one picture to the next by clicking on "next" and "previous" is not fluid at all.

Is that different on yours?
Have you compared the speed to the example on the author's page?

I get the feeling, that the more pictures I add to the gallery the slower the animations get.

On the author's page everything runs much more smooth.

Wonder what I am doing wrong..

Mmmmm, I was speaking about the animation, not the look
My machine runs your page smoothly, no problems...
I don't think it has to do with your pictures (Js 'onloads' all the pics when loading the page btu if u use 20 pics of 600kb, well, that loads the author simply uses 4 pics and not big ones , actually it is the js that puts the load on you machine, so if u are using a lot of ram, then it will display slower.
But here it's really ok (I must admit I have 2Gb+ of ram and a lot of CPU ressources available).
Cheers

[Gino Bonetti]

What browser are you using? Because I found out that the page runs smoothly in IE but not in my Firefox..

And this is also very interesting:
If I generate an external HTML-file including the image-links and thumbnails and open that one from phpwcms in another window, the animation runs absolutely smooth in firefox as well.

So there must be some conflict with Lightbox from within phpwcms.

I am using an HTML-Contentpart and just pasting these lines:

Code: Select all

<a href="picture/lightbox/phototeppich/bluete.jpg" rel="lightbox[phototeppich]" title="Blossom"><IMG BORDER=0 SRC="picture/lightbox/phototeppich/thumbs/bluete.jpg"></a>

<a href="picture/lightbox/phototeppich/bug.jpg" rel="lightbox[phototeppich]" title="Bug Bug"><IMG BORDER=0 SRC="picture/lightbox/phototeppich/thumbs/bug.jpg"></a>

etc..

This must somehow produce a heavy load with phpwmcs and Firefox. As already said, no problems with external html-file or iFrame..

I am totally confused..

[DeXXus]

What browser are you using? Because I found out that the page runs smoothly in IE but not in my Firefox..

So there must be some conflict with Lightbox from within phpwcms.

I'm not saying there isn't a slowdown... but, IF lightbox WAS running "smoothly" with IE... then it would NOT be phpWCMS at fault, it would be Firefox!

I perceive IE and Firefox to have about the same transition times / slight delays that you detect
(Opera 9 stutters, sometimes pauses with white backgrounds, and has dimming/transparency issues when pictures DO paint).

You're not alone:
http://www.zenphoto.org/support/topic.php?id=720

BTW, I noticed *teeny* typos in "frontend.css":

#list_top_ul li a {
padding: 2px 0.5em;
/*margin-left: 3px;*/
/*border: 1px solid #DB8143;*/
border-bottom: none;
background: #3D3D3D;
text-decoration: none;
}
#list_top_ul li a:link { color: #ffffff; }
#list_top_ul li a:visited { color: #ffffff; }
#list_top_ul li a:hover {
color: White;
background: #DB8143;; <---EXTRA semicolon
border-color: #ffffff;
}
#list_top_ul li a#list_top_active_link, #list_top li a#list_top_home_active_link {
background: 3D3D3D; <---MISSING #

[Gino Bonetti]

... but, IF lightbox WAS running "smoothly" with IE... then it would NOT be phpWCMS at fault, it would be Firefox! Wink

You're right, but one thing: that would not explain why my simple test-page worked just fine (and fast!) in Firefox (and IE) but calling the script from within phpwcms led to bad performance (in Firefox, not in IE!). Maybe it was the two of them that did not fit together..

That is all very "cloak-and-dagger".. But the best is yet to come: performance improved all of a sudden when I deleted the article containing the gallery and created a brand new one. Now I can live with it. Although it is still at about 80% of the performance I would like it to be.

(If anyone wants to see results, link has changed to http://www.dennis-blank.de/index.php?lightbox)

-Gino

PS.: Thanks for the code tips!

[anthony.abraira]

I was wondering if it was possible to add the link information to an image content part.

Code: Select all

As in the example: image-caption|alt text of image| url

I was trying to add the extended information to the end of the url but the "" always format in the wrong place.

[ff123]

The admin of images from lightbox is taken place outside phpwcms?

Is it possible to show lightbox gallery from certain phpwcms contentparts?

In phpwcms images you can set watermark (with image magick i.e.), how is this done with lightbox?

[munzli]

nice idea... i just included lightbox in my tinyMCE... will get it going in FCKeditor and the image content parts of phpwcms as soon as i find time... i'll post the code of course