[plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

Bastian · 2006-04-24 19:39:36

Because i take part at cssreboot i moved my current site.
But today i had no time to make the old stuff accessible. Sorry for the broken links.

The Plugin is still online http://old.samisdat.org/files/bas_lightbox_03.txt

colak · 2006-04-25 05:45:27

hi bastian
is there a chance that, with the next release of the plugin, we can have the option of displaying the $caption with the thumbnails and just the image in the lightbox div?

maniqui · 2006-04-27 04:51:08

hi Bastian,

another feature request :D

in a next release, it would be nice if txp:bas_lightbox supports an argname attribute, in a similar way as mem_glinklist does.

So, when using the plug-in tag in a page template and giving an argname="c" attribute to the tag, it will become URL-sensitive (category-sensitive).

This way, something like this (that i’m currently using here <- clic in a gallery link on the right):
<code><txp:if_category name=“friends”>
<txp:bas_lightbox cat=“friends” />
</txp:if_category>
<txp:if_category name=“art”>
<txp:bas_lightbox cat=“art” />
</txp:if_category>
<txp:if_category name=“live”>
<txp:bas_lightbox cat=“live” />
</txp:if_category>
</code>
could be replaced with a simple:
<code>
<txp:if_category>
<txp:bas_lightbox argname=“c” />
</txp:if_category>
</code>
Of course, this could be powerful if it is combined, for example, with a plug-in like mem_categories that easily lets you generate an image category list that generate links like this:
/sectionname/?c=categoryname (as I’m doing here <- look the gallery list on the right)

thanks mensch! ;)

Last edited by maniqui (2006-04-27 04:52:26)

soulship · 2006-04-27 15:54:36

Hi Bastian,

I have installed this on a site that uses quite a few other scripts. I am having issues where the lightbox script loads about 20% of the time. The rest of the time it is degrading nicely, by directing the link to an individual page with the full size image, but I would rather square away the loading problem. It seems as if the addLoadEvent() is not working like it should be. I have two other scripts that use the onload event and right now I have them really basically rolled together:

function start(){
applyDropShadows(“img.jsShadow”,“shadow”);
}

function Initialise(){
InitialiseCheckboxes();InitialiseRadioboxes();
}

function initAll(){
Initialise();
start();
}

window.onload=initAll;

</script></code>

So my question is what should I take out of the lightbox plugin to roll into my function initAll() in the head section? It looks like there are a whole lot of onload functions in the lightbox script. Or any other suggestion would be appreciated to get this playing nicely with the other scripts or the other way around, without degrading your plugin version of lightbox.

Thanks!

Bastian · 2006-04-27 19:47:40

So my question is what should I take out of the lightbox plugin to roll into my function initAll() in the head section? It looks like there are a whole lot of onload functions in the lightbox script.

There are many onload-functions, but they are handling the image-loading.

Search in plugins code for
addLoadEvent(initLightbox); // run initLightbox onLoad.
It is nearly at the end, only the css-function is after that one. Comment it out and add
initLightbox() to your initAll function.

Should work.

soulship · 2006-04-27 21:51:30

~~That’s what I was thinking, but I wanted to wait for your thoughts. Works Perfectly every page load now!~~ Thanks Bastian.

EDIT: Actually it’s still getting borked somehow, but not as often, and I’m not getting any js errors to dissect. Would page caching effect this script at all? If I crtl refresh (clearing my cache) the script loads properly. If I click around and go to a few other sections and go back to the offending page the script does not load properly.

Last edited by soulship (2006-04-28 21:25:39)

Dufresne · 2006-05-08 20:40:49

I’m probably being stupid here but couldn’t we implement the lightbox 2 script by adding the functionality to include rel attributes on hyperlinks? Surely this is fairly simple?

I thought i’d ask rather than waste 3 hours trying to make it work to find i’m just being dim.

Dufresne

Bastian · 2006-05-08 22:44:16

I thought i’d ask rather than waste 3 hours trying to make it work to find i’m just being dim.

No one is stupid here.
For Dufresne and others. I’m writing bas_ligthbox at the moment.
Should be done within this week.

The list of things i try to include:

Lightbox 2.0 Suport
category-sensitive as maniqui suggested
offset like maniqui suggested and a limit attribute
valid css, styling for IE done by JS
Instead of current script including methode, i will pleace it into head
Custom field instead of article’s image -> maniqui
Optional use of $img_name instead of $caption
$caption or $alt for thumbnails
Images and files needed will be copyed by txp instead of uploading them manual.

I hope i get all feature request from this thread. If not, feel free to post them again.
For all requests: I want to have some fun to code this plugin!
If i came to a point where some feature can’t be done with fun, i won’t implement.
That is my only request on feature request’s.

lee · 2006-05-08 23:06:06

Hi Bastian, this is something I asked for earlier, hope you don’t mind me repeating myself:

Could a custom field be made to hold the cat please. For me this would mean a low tech user wouldn’t need to remember the tag syntax and could easliy create a gallery without any trouble.

sthmtc · 2006-05-08 23:12:52

lee wrote:

Could a custom field be made to hold the cat please. For me this would mean a low tech user wouldn’t need to remember the tag syntax and could easliy create a gallery without any trouble.

i second this. hopefully this is something fun to do :)

Last edited by sthmtc (2006-05-08 23:13:42)

maniqui · 2006-05-08 23:16:40

Wow! everything sounds wonderful, Bastian… but coming from you, I cant expect anything else than another five stars plug-in.

Please, have fun coding! We will have fun testing!

ps: when trying to get to Samisdat site thru http://www.samisdat.org/ it returns a 404 error. Are you a supporter of no-www?

Bastian · 2006-05-09 08:42:07

lee wrote:

Could a custom field be made to hold the cat

Yes it could and it would.

maniqui wrote

Please, have fun coding! We will have fun testing!

With txp we all have fun :)

I expect that same testing is needed, because of large number of changes.
BTW: Anyone who is able to translate my german plugin help.
Thats not fun to me, wloud be nice to see someone who take care of this

ps: when trying to get to Samisdat site thru http://www.samisdat.org/ it returns a 404 error. Are you a supporter of no-www?

Thanks maniqui. i never get this error, because i typed www. So perhaps i’m a supporter of no-www
Bit, i will fix that.

Bastian · 2006-05-11 03:50:39

Testers needed

I just finished to test version of bas_lightbox v0.4

I tested it local and on all servers i have access to. With Firefox and IE 6.0
Now it’s your turn.

Download, activate and run the advanced install script at extension -> bas Lightbox

Whats new:

Lightbox 2.0 support
An import function copies all files and images to your txp. Make sure that you are connected.
Plugins preferences are stored in db and editable at extension -> bas Lightbox
Custom-field support. Name a customfield Lightbox and this field will be replaced by an drop-down list of all img-cats.
You can use it in page or forms with <txp:bas_lightbox use_section='true'/> or <txp:bas_lightbox use_cat='true'/> the actual section or cat is used to define the images. e.g. in section is about all images within img-cat about will be displayed
I hope i get this _some-nothing-happens_-error. Place <txp:bas_lightbox_head/> into your head to load the scripts and css .

Perhaps the help is a help, even its not as long.

What is missing:

lightbox.css is still not valid
limit and offsett
caption for thumbnails

Let me know how it works and i will release the final.
Particularly: Does the import function work and is there any interference with other plugins.

Edit: BTW This one works with bas_lightbox v0.4

Last edited by Bastian (2006-05-11 04:02:20)

maniqui · 2006-05-11 04:40:46

hi bastian, thanks for this new release.
95% working! ;)

bugs

the wraptag and the wrapclass attributes definied in Lightbox preferences arent being applied. I have to put them manually in th tag
I have an issue while browsing galleries by category: categories with just one image doesnt display the image. Check it here (clic on a gallery on the right column).
what about the bas_lightbox category? I have deleted because it was being displayed in my image category list and I didnt want that. no problem with that?

I will continue testing and reporting ;)

thanks

Bastian · 2006-05-11 06:02:25

thanx maniqui, you are fast.

95% working!

Fine, after reading your post, it seems like the import stuff belongs to the 95%.
That is a good news.

I will have a look at Nr 1 and Nr 2

3. what about the bas_lightbox category? I have deleted it … no problem with that?

No, the install script creates cat bas_lightbox for img and files and fills it with the imported imgs and files.

What it the best way of handling that?

Exclude bas_lightbox from drop-down list?
Using bas_lightbox as author instead of cat?
Nothing, no one cares where the imported images are stored.

Textpattern CMS

Textpattern CMS support forum

#76 2006-04-24 19:39:36

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#77 2006-04-25 05:45:27

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#78 2006-04-27 04:51:08

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#79 2006-04-27 15:54:36

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#80 2006-04-27 19:47:40

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#81 2006-04-27 21:51:30

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#82 2006-05-08 20:40:49

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#83 2006-05-08 22:44:16

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#84 2006-05-08 23:06:06

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#85 2006-05-08 23:12:52

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#86 2006-05-08 23:16:40

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#87 2006-05-09 08:42:07

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#88 2006-05-11 03:50:39

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#89 2006-05-11 04:40:46

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

#90 2006-05-11 06:02:25

Re: [plugin] [ORPHAN] bas_lightbox (Thumbnail galery with unobtrusive javascript)

Board footer