First Launch superSlider-menu plugin

The first demo launch of the superSlider-menu plugin has happened. Stop over and test it out.

Modules

Here are examples of the modules which we could include:

Read More »

Outline

I’m breaking the outline down into:

  • usage
  • admin / option
  • widgets
  • functionality
  • media source
  • modules
  • themes

Read More »

Other slideshow plugins

There are a number of slideshow plugins registered at wp.org/extend. Most are listed here. they all have something interesting but I’d say that non have the power and flexibility which we are building. Have a look, when I get a moment I’ll install and test them all. Most I know but still worth a review. Read More »

Options

There should be 2 levels of options:

basic and advanced

wordpress codex options page instructions

<form method="post" action="options.php">
<?php wp_nonce_field('update-options'); ?>
<input type="text" name="new_option_name" value="<?php echo get_option('new_option_name'); ?>" />
<input type="text" name="some_other_option" value="<?php echo get_option('some_other_option'); ?>" />
<input type="hidden" name="action" value="update" />
<input type="hidden" name="page_options" value="new_option_name,some_other_option,option_etc" />
<p class="submit">
<input type="submit" name="Submit" value="<?php _e('Save Changes') ?>" />
</p>
</form>

Read More »

Themes

The slideshow graphics and css should be theme based. Aswell the lightbox which overlays should run off of the same theme files, although a seperate css file.

Requirements

Users Template
Make sure that there is a XHTML DOCTYPE declaration at the very top of the page. XHTML transitional or strict are good.

javascript files
mootools 1.2 (Slideshow required assets)  Mootools 1.2 (required Assets, Fx.Elements, Fx.Transitions, Fx.Morph, Fx.Tween, DomReady, Selectors, Element.dimensions)

lightbox
etc

Project outline

Automatic slideshow creator.
for - posts / pages / templates.

  • Insert [superslider] tag into post or page automatically creates slide show pulling x number of recent images into slideshow
  • Insert [superslider(category=mycat)] tag into post or page automatically creates slide show pulling x number of recent images from said category into slideshow
  • Insert [superslider(tag=mytag)] tag into post or page automatically creates slide show pulling x number of recent images from said tag into slideshow
  • Insert function call superslider(active) into template automatically creates slide show pulling x number of recent images from active category / tag / archives into slideshow. So if you insert this function into your category.php template file the slideshow will know which category is active and pull it’s images from that category

Tag modifiers:

  • random / recent
  • x number of slides
  • image size to use: thumb / medium / large
  • show height
  • show width
  • All Slideshow2 parameters, ie. transition, with min thumb scroller, linked images, controller

Plugin options: user defined preset defaults

  • random / recent
  • x number of slides
  • image size to use: thumb / medium / large
  • show height
  • show width
  • All Slideshow2 parameters

The superslider will be built with Mootools version 1.2.
Electricprism’s Slideshow2.
And with lightbox (to be determined) integration.

Extra functionality :
IMAGES - Since the default wordpress media manager does create 2 new images from an upload, (thumb, medium and large, or original) it doesn’t create a “mini” so If the user sets their thumb size to 150, 120 ,100 pixels all these are to large for the Slideshow2 scroller. So a mini version needs to be created of each image when and if the image is called. This mini should be stored along side the original image and used the next time the image is called, (if the active SuperSlider requires a mini scroller). Creation of the mini should be done with wordpress core image manipulation (we do not want to add another image creator.)

edit:

Fortunately, there is a WordPress filter we can use called image_downsize, which takes in three arguments (a boolean, an attachment ID, and a size string).

add_filter('image_downsize', 'my_image_downsize',1,3);

LIGHTBOX - there are many lightbox plugins, however since they all basically do the same thing there is one which has great flexibility. Lightbox-2 has its own option page where the user can change themes, and it has auto-lighting, no need to add a rel tag manually. However it’s js is very heavy. Slimbox is light weight and runs on mootools, but it has a manual apply (Add a rel=”lightbox” attribute to any link tag to activate the lightbox or rel=”lightbox[roadtrip]” for image set).

Suggested lightbox solution , build a highbryd with the best of both and incorporate it into SuperSlider.
Recomendation: use milkbox as it is built for mootools 1.2. This introduces a lot of new options / possibilities to what a light bow can be.