New module: Caption Slider

[Ruud]

It has been some time since I added something new. 
So I spent some evenings playing with a nice project I started but never finshed.

It is called Caption Slider and you can use it to create a nice rotating banner image on your website with a sliding WYSIWYG overlay.

It is actually a snippet for your template and an admin-tool for managing the images/text.
The fun part is, everything, including creating the css, is handled by jQuery, resulting in strict xhtml valid output.

There is just too much to explain about this project, so I would like to invite you to go to www.captionslider.a llwww.nl and see for yourself, download a copy, use it somewhere and tell us what you think of it.

Ruud

[Vincent]

Cool!!!

Vincent

[chio]

Very Cool!
Ill try that!

[crnogorac081]

cool

[mr-fan]

Wow, real nice!

one little suggestion for further versions....

is it possible to show the first image if JS is not acitve instead of nothing yet?

this would make it more comfortable to use without tweaking with a background img for the sliderdiv behind...(or something else tricky to get a little output if JS is not running)

regards martin

[Stefek]

Hello Ruud and a Happy New Year to all!

Again a very nice module.

Really like the Idea.
What I am missing is the opportunity to create another slider (based on another plugin).
Maybe it was a good idea to create such a module in the means of a "frame", so different jQ Plugins could be used for different purposes.

Today I am working with Chios "Members" Module to do this. One thing I am missing there is the direct upload of pictures.

I think a combination of ideas from both modules would be best.
I hope you get me right.
I really like this module and the way it works - straight forward.
Only the limitation to one jQ Plugin is not that best.

Regards,
Stefek

[Ruud]

is it possible to show the first image if JS is not acitve instead of nothing yet?

this would make it more comfortable to use without tweaking with a background img for the sliderdiv behind...(or something else tricky to get a little output if JS is not running)

Hmm, do these people still exist in WebWorld 2.0?

I added a <noscript> that will show the first image, and even the caption in the correct position.
Please test it on the demo website.

The bad news... I did not make an update, so you will need to download the current 0.1 version, uninstall your version and reinstall the new one.
Or you can extract the snippet include.php file and overwrite manually the installed one.

Ruud

[Ruud]

What I am missing is the opportunity to create another slider (based on another plugin).

This is the reason why the management is done in an admin-tool, and display is done by a snippet.
If someone needs a different presentation, it only requires a new snippet.

This version was originally an experiment to create everything (css and jQuery script) within one snippet function, and keep everything valid xhtml.

With a little luck, someone will create a droplet that does the same as the snippet, but uses a different jQuery slider.

Ruud

[Stefek]

Hello Ruud,
thanks for clarification.
I only took a look at the backend side.

Will have a further look into the snippet function.

Regards,
Stefek

[crnogorac081]

Hi Ruud,

If I understood well, it is not possible to use more than one slider.

Is it possible to add an extra paremater, like Group id in snippet call, like:

<?php showslider( '1','capslide' , '1,5,34' ); ?>  -- for example first parameter to be group id like in this picture -> http://captionslider.allwww.nl/media/admin-tool.jpg  and maybe that way we can be able to control multiple groups ?

I am also curous what means 'capslide' in snippet call ?

cheers

[Ruud]

The 'capslide' is just the name of the default group. You can change it to whatever you like.
Actually you can also use the id like <?php showslider(1) ?> with the same result.

The snippet was originally created to show different slides on different pages. Personally I do not see much use for multiple sliders on a single page.

I am working on a snippet version that will allow multiple instances on a single page. Hopefully in the next coming days I will present a solution for this.

[crnogorac081]

the groupname is capslider on your screenshoot and not capslide, that is why I was confused

it may be handy to use different kinds of sliders..like Stefek said..[and maybe with script: if page_id = 5 { showslider(1) } else if  page_id = 10 { showslider(2) } else {showslider(3) } ] and for example to have presets (like in members module) so that different groups can use diferent slider preset files..as there are many jquery sliders on web.

cheers

[Ruud]

These different kind of sliders should become available as soon as people will start creating them.
This will probably happen when someone needs another one. Just coding snippets for a random script will not happen quickly, it will always be the wrong one.

The admin tool is just an image manager. It could be used for many things.
The snippet included in the package does the display-trick. Creating more snippets is easy.
I just hope that if someone creates another snippet, he/she will be so kind to publish it too.

The (if page-id=5) is not needed!
Just do it like: <?php showslider(1,"1,3,5"); showslider (2, "2,4,6"); showslider (3,"7,8,9,10"); ?>
It will show group 1 on pages 1,3 and 5, and group 2 on pages 2,4 and 6. Page 7,8,9 an 10 will get group 3.

[Stefek]

Hello Ruud.

I had a brief look into the code and I now understand how to set up a new function, a new "slider".

However,
there is still space to improve your tool.

Say, you have a good "slider", you set up the function (the params of the plugin must be hardcoded then) and it works.
But you will end up with hardcoded "plugins" in the snippet-directory.

What if there was a possibility to have a directory "plugins" where you have then different plugins inside like "ruuds-capslider", "coda-slider", "myfunny-slider" etc.
Inside of such a plugin there should be also the "input-mask" as can be found in the "modify-group.php" now, so a customization of the plugin would be possible.
Someone creating a plugin then should provide the "include.php" itself and a "input-mask.php" (or something of this kind) which would be a include file of the  "modify-group.php".
The right plugin directory would open (and the correct "input-mask" would be included) on demand by choosing from a "choose plugin" combo-box.

For some Plugins more than six (6) Settings could be needed. So I think (besides Name, hight, width) they could be refferenced by ID instead of Name in the database? (12 should be enough, optionally I guess.

This is meant as a "contribution" to this great module.
If you like my Ideas (and I am sure you know how to code it) but want see some plugins first, I can provide 2 (hardcoded) in the next days.

What you think?

I have forgotten one thing
How to upload such plugins?
For the experienced user it would be fine to upload such plugins via FTP or AFE.
A upload with a "manage plugins area" would be great, though, even if it cost more time to code new installable plugins..

Regards,
Stefek

[crnogorac081]

What if there was a possibility to have a directory "plugins" where you have then different plugins inside like "ruuds-capslider", "coda-slider", "myfunny-slider" etc.
Inside of such a plugin there should be also the "input-mask" as can be found in the "modify-group.php" now, so a customization of the plugin would be possible.

This would be great, its the same thing I mentioned few posts above.. I remember I was trying to implement featured content slider and I failed, so now I hope I will be able to make it using this module

cheers

[Stefek]

Would be possible, but you would need a title in the add/modify image area (besides the textarea/fck) - one more field in the database table referenced for ever picture.
Would be great to have the title field.

Regards,
Stefek

[Ruud]

The database already had a field for alt/title data.
Since my snippet didn't use that, I removed the field in the "modify" page.

I've put it back in there again, so the current version (0.1.1) allows you to add this extra field in the table.
Note: it is not used in the included snippet.

Download the latest version on: http://captionslider.allwww.nl/pages/download.php
Since no database changes are needed, the package can be installed as an upgrade without loosing data.

Ruud

[snark]

Is there a particular reason to use this in stead of making a preset in members with a script like http://www.serie3.info/s3slider/demonstration.html

[Ruud]

The members script is a page module.
Without extra programming it will be difficult so have something appear on every page.

Until recently I just included a small PHP file in my template to do these things.
A tool like this just makes life more simple. That is what WB is all about.

If you have a use for it, use it.. If you prefer another addon, use that one.

[mr-fan]

The admin tool is just an image manager. It could be used for many things.
The snippet included in the package does the display-trick. Creating more snippets is easy.
I just hope that if someone creates another snippet, he/she will be so kind to publish it too.

i think this is a real great idea!!!

on my desk there are a lot of fancy droplets and such stuff arround! But they all need to setup a explicit folder in /media/ and this setup and this setting in the code itself.....you now the problems..!

but with your basic image Managment Tool it would be great to run such things very easy!!!

Thank you very much for this advancment! even it is not real idetified by everyone....

If my little Droplet Project is released - i will make some experimental with this mod!

Could you implement some XTRA fields like in the Topics mod?

that could be activated for the Mod Backend easly......e.g. for additional settings for a snippet/droplet?

this would be real great! Than somebody could use additional fields for JS options (Pluginoptions) to set it in the Backend...

i don't know if this is easy to handle?

best regards
martin

[Argos]

Aaah! Nice one Ruud, thanks alot for this!

[noname]

Hey

looks like a really nice module!
one short question:
I downloaded the file Caption Slider v0.1.1 and I installed it successfully, but I cannot select it, it just does not appear in the drop-down menu when selecting it for a page..already made all the modifications in the template and stuff, but I just can't select it.
btw, I have version 2.8 of WB

thanks a lot in advance
noname      

issue solved, I just misread...it's in the Admin tools

[snark]

The members script is a page module.
Without extra programming it will be difficult so have something appear on every page.

hmm not quite true, I use the members for this kind of scripts in combination with the sectionpicker alike droplet(http://www.websitebaker2.org/forum/index.php/topic,14928.msg94884.html#msg94884) to make sure it appears on every page.

[Boudi]

Found a bug?

After integrating this slider with images etc... all works fine.
After that I reloaded the mods (wb 2.8-extra-advanced) the whole website is blank. The only thing you see is the empty lay-out.

No menu, no text, nothing.

When I delete the

Code:

<?php showslider('banner') ?>

from the index.php the website does work fine again (of course without your caption slider)

So it seems that your slider affects the entire script after reloading it?

Anyway...I'm stucked now...

Boudi

[doc]

Hi,

have you missed the closing semicolon in your template call?

Code:

<?php showslider('banner'); ?>

Doc