Sometimes, website designers won’t allow content developers to add Images anywhere within the text layout. They’d rather prefer a consistent method to display them. There are hundreds of “inline image gallery plugins” out there. So this is mine: The Mini-Slides Plugin.
- it is really lightweight, slick and simple (and therefore easy customizable)
- integrates with the wordpress upload feature
- integrates with Lightbox2 for Wordpress
- allows you to style your Mini-Slides differently by Templates from post to post
- comes with Templates Management
Download: Mini-Slides
Version: 2.0
Usage:
- As always: download, unzip and upload to your WordPress plugins directory
- activate the plugin within you WordPress Administration Backend
- Write or edit a post or page and upload images to that page via the editor’s upload form
- Make use of [ minislides ] within the page’s content
Make use of <?php dprx_display_minislides(); ?> within your single.php, page.php and other templatetemplate tag is deprecated. No minislides within the sidebar until widget support with the next release.
August 3rd, 2007 at 9:32 am
[…] Mini-Slides is a lightweight image gallery plugin that integrates smoothly with the native WordPress upload feature and with the Lightbox 2 plugin. […]
August 3rd, 2007 at 5:00 pm
[…] WordPress Designpraxis » Mini-Slides […]
August 5th, 2007 at 2:48 am
@Bertrand,
ONLY if you use [minislides] within the post or page content:
if your sidebar (left) is included before the wordpress loop (http://codex.wordpress.org/The_Loop), AND you call the template tag dprx_display_minislides(); there, the Mini-Slides will be shown within the sidebar. If the template tag is not called, Mini-Slides are shown within the post or page content wherever you put [minislides].
If you do not use [minislides] at all with your post, you can use your images just as always.
thank for your feedback
August 5th, 2007 at 2:44 pm
It seems to be a real good plugin! Nevertheless, I put in my leftsidebar template page and [ minislides ] tag in my post. At the end, the minislide appears in the post and not in the leftsidebar, is that right ? or Did I do something wrong ? I was wondering that the call of [ minislides ] tag will intialize the view in the leftsidebar. thanks very much for your advice and support.
August 30th, 2007 at 9:53 am
I guess it only works for images uploaded using the built-in uploader, right?
doesn’t support stuff uploaded with imagemanager?
August 30th, 2007 at 10:02 am
@ovidiu:
Yes. WordPress stores images uploaded with the built-in File-Uploader as own posts. These posts are attached to the post where thy uploaded to. The Plugin looks for those Attachments to the post and displays them as mini-slides.
September 3rd, 2007 at 8:44 am
What is to add to the sidebar, IF THE SIDEBAR has been created of widgets (NOT using the sidebar.php) to show there the minislides???
September 3rd, 2007 at 8:57 am
@chris,
that’s why the template-tag was removed in the actual release. Widget support comes with the next release, meanwhile it is only possible, to have mini-slides within your post content.
September 3rd, 2007 at 10:16 am
OK, thanks for the information. But could you please give somewhere a detailed instruction for adding this plugin for those, who don’t know PHP well? Where should the images have been loaded? What about this: Is this necessary, where exactly to add it in what way? It doesn’t work, if only [minislides] is added in an entry.
September 3rd, 2007 at 10:27 am
@Chris,
yepp. you’re right. I’ll update the pages immediately
September 3rd, 2007 at 12:05 pm
OK, I made a new page, I’ve added [minislides]. Then I go to “upload” and uploaded an image.
But with what kind of options should this upload been done, so that not TWO times the same image appears in this page, once as a minislide and twice as normal upload thumbnail?
September 3rd, 2007 at 12:07 pm
@Chris,
Oh, that’s simple: You just do NOT add (insert) the uploaded image to you post content as well! Only the [minislides] tag! Mini-Slides are meant to be used instead of inline images.
September 3rd, 2007 at 12:12 pm
OK, I’ve got it … you should add these details to your instructions for installing and using, I think … because many doesn’t understand PHP.
The solution for my problem above is:
You need to upload an image and NOT (!) go to “send it to editior”, just upload it and where you like to appear the image, you add [minislides].
September 3rd, 2007 at 12:13 pm
You’ve been faster
Thanks for your support!!
September 3rd, 2007 at 12:16 pm
I’m looking impatiently for the next release and using it as a sidebar-widget
September 3rd, 2007 at 12:31 pm
Sorry, there’s another problem with changing the templage for the minislides:
http://www.birgit-heinz.de/blog/minislidevorlage.jpg
I’ve tried to change the frame-size (here: 6px and 3px), but AFTER SAVING this new templage (look at the left bottom of the screenshot), these new frames sizes won’t be adopted.
And YES, I have saved the template. If I use this saved templated of mine, and go to “change” (in German: links unten “ändern”), then on the top right all frames are 1 px and not my 6 and 3 px width.
September 3rd, 2007 at 1:10 pm
@Chris,
thanks a lot for the bughunt! I updated the code right now, so in a few minutes you can download the bug-fixed version and update the plugin.
September 3rd, 2007 at 3:29 pm
Now it works great!!! Thanks so much!!!
September 3rd, 2007 at 4:33 pm
@Chris,
I’m glad we finally made it. Thank you for your help!
cooool
September 3rd, 2007 at 11:12 pm
Hi, it’s me again
I had a little suggestion: if somebody is clicking on the “dp” in the minislides, he reaches this site here and automatically is leaving unintentional the origin blog, he’s watching. Adding a target-blank would help the blog-owner AND you for your copyright-hint. What do you think about it?
September 3rd, 2007 at 11:23 pm
@csign,
The Problem is, there is no “target” attribute in XHTML. The Idea of the standard is, to allow surfers to decide for themselves weather to open a new window or not.
Having target=”_blank” along with my dp-link would cause validators to fail upon check.
September 5th, 2007 at 4:43 am
Hi,
I downloaded the plugin, it is working except that when the image is loaded into a slide, the grayed out area only covers 75% of the screen and not 100% like in the demo - please see
http://blackherald.egoong.com/?p=77
Thanks a lot!!!!
Tony
September 5th, 2007 at 5:28 am
@Tony,
does *screen* mean the gray frame around the mini-slide? The the issue might be the following:
You have this css rule in your theme’s style.css:
a, a:visited {
style.css (line 38)
color:#D51515;
text-decoration:none;
}
this causes the imagees within the mini-slide to have a border, because they are links as well.
add this to you style sheet:
img {
border: 0;
}
September 5th, 2007 at 5:57 am
Hi Roland,
I did, no luck , slides still having the same behavior. Thanks! What else can I try?
September 5th, 2007 at 6:18 am
Hi Roland, I actually deleted the following CSS and still did not work:
a, a:visited {
color: #D51515;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
September 5th, 2007 at 8:40 am
@ Tony,
I can’t see any mistake concerning your minislides; I use them, too, and they are working well. You can change colours and the frame width of the slide-borders in your minislide-options. So if you like to have a bigger grey border, change the frame width. What do you mean with “screen”?
September 5th, 2007 at 11:07 am
@Tony,
Do you mean the read border around the images? Do you want to remove it?
September 5th, 2007 at 1:34 pm
Please go to http://blackherald.egoong.com/?p=77 to see what I am saying, when you click on the image to launch the minislides, the grayed out area covers 75% on the webpage and not 100%. Just click here http://blackherald.egoong.com/?p=77
thanks
September 5th, 2007 at 1:41 pm
I mean the dark gray area when the slide is lunched does not cover 100% of the browser window.
September 5th, 2007 at 1:55 pm
@Tony,
Okay, I see! You mean Lighbox! So if it is a lightbox issue, and, I think probably an issue that results from your browsers javascript implementation, try to get help here:
http://zeo.unic.net.my/notes/wp-lightbox-js-wordpress-plugin/
by the way: what browser are you using? Im here on Firefox on Windows xp and your Mini-Slides as well as the launched Lightbox look just pretty!
September 5th, 2007 at 2:06 pm
I am using IE 7. I think I will delete everything and download over. If it works on firefox, then prolly its not a problem with light box.
Thanks a lot for all ur help.
September 5th, 2007 at 2:11 pm
@Tony,
You’re welcome! I am glad to be able to help wherever I can.
If you finally trace the issue, would you please tell us others about it by posting here? Thanks in advance!
September 5th, 2007 at 2:20 pm
Sure! I will gladly post the solution if I find it.
Thanks!
September 5th, 2007 at 5:09 pm
I found the solution
my css looked like this
body {
background: #DDDDDD;
width: 960px;
align: center;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}
But I changed to
body {
background: #DDDDDD;
width: 100%;
align: center;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}
September 5th, 2007 at 5:39 pm
@Tony,
Great that you traced it down so quickly!
For all of you: there is a new support forum for our plugins:
http://wpforum.designpraxis.at/
September 5th, 2007 at 6:12 pm
How do I make the image larger in the slides? That is increase image size? Thanks a lot for all ya help!
September 5th, 2007 at 10:57 pm
@Tony,
You need some kind of plugin for that. Mini-Slides just takes the thumbnails created by WordPress by default. Post if you find a solution, I’ll have a look.
Please use the forum for further support questions: http://wpforum.designpraxis.at/
September 7th, 2007 at 1:33 pm
See my rolling at http://www.blackherald.com - I got it working on home page
September 7th, 2007 at 3:06 pm
@Tony,
Great! Very well done! I did a feature on it allready: http://wordpress.designpraxis.at/2007/09/07/plugins-in-action-mini-slides/
You deserved it
September 11th, 2007 at 1:04 am
It looks like Mini-Slides and WP-lightbox2 will give my wifes blog the image control she desires. (Browne points implied)
However, I can not find any specific instructions. Not even which of the two should be activated first so I tried to setup Mini-Slides first. After activating the plug-in I went to the presentation >mini-slides and created (filled in the blanks) to make the template as was rewarded with:
Existing Templates
01
use: [minislides#01] within your post
on the plugin page it says:
Use [minislides] within your post and in your templates
Where? What templates? Syntax? [minislides] in the or the ?
I would really like to use these two plug-ins but without any instructions, hints, tips, or do nots I’m lost.
if the how-to information is listed somewhere just point me to it. I have spent more time than I have looking.
I have setup WordPress 2.2.1
K2
True Blue 1.4.1
WordPress Database Backup
and activated Akismet.
But I have no idea how to get mini-slides working.
Thank you very much. When I make Jackie happy I am rewarded with Browne points
September 11th, 2007 at 10:07 am
@Ken,
Thanks a lot for your feedback. And sorry for being not so clear in the explanations on setting up Mini-Slides. I’ll work that out.
A simple step by step instruction would be:
- install Mini-Slides
- when editing or writing a post, upload images to it via the WordPress’ Upload Interface just under your post editor. These images are bow “attached” to the actual post you are editing or writing.
- insert [minislides] somewhere into your post. This will automatically generate a Mini-Slide slideshow on your WordPress Frontend.
- check Presentation > Mini-Slides within you Administration Backend for templating
- optionally install Lightbox2, the order of plugin installation does not matter!
Ken, if you problems getting Mini-Slides to work persist, consider posting at the forum: http://wpforum.designpraxis.at/
cheers,
Roland
September 11th, 2007 at 7:15 pm
Very cool plugin, thanks!
September 13th, 2007 at 12:47 pm
Hello,
Thanks for this plugin.
But can you tell me how to put a text just beside [minislides] ?
Because, when I try with or , each time my text goes under and leave a white place beside. And I get the same problem for any design (center…)
Thanks for your answer.
PS : sorry for my bad english (I am french)
September 13th, 2007 at 2:22 pm
@Macsou,
Thanks a lot four your feedback! Unfortunately Mini-Slides does not support that feature yet, I definitely will implement it in the next version.
Meanwhile you can do the following:
Mini-Slides are encapsulated into an outer div with the class dprx_minislides. In your themes’ template you can add the following:
.post .dprx_minislides {
float: left;
}
alternatively, if you need this for only one specific post, you can set it to:
#post-[post_ID] .dprx_minislides {
float: left;
}
Where [post_ID] ist the ID of the post you want to style.
it might be useful to add a margin, too:
#post-[post_ID] .dprx_minislides {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
As an example, see the Mini-Slides at the top of this page!
November 6th, 2007 at 10:37 pm
great plug-in!
couple questions- i tested it out and cant seem to get the “image 1 of ___” text, titles, and no descriptions/captions. how do you do that with this plug-in? I assumed it was in the title and description fields of the upload but that didnt work for me. i also cant get the “next” button to pop up on the individual slide.
thank you
November 7th, 2007 at 12:19 pm
Sean, don’t forget to install the Lightbox2 plugin for WordPress as well. If you have done so, but run into troubles, you might find help at the Lighbox2 page.
November 20th, 2007 at 11:50 am
Not sure but the Lightbox JS appears not to be working:
http://ianapplegate.co.uk/bub/photos/
The plugin is installed as expected.
Also, I take it the slideshow box doesnt resize to the thumbnail proportions?
Thanks,
Ian
November 26th, 2007 at 9:28 pm
Ian, please refer to the LighboxJS Website to troubleshoot JightboxJS issues.
January 2nd, 2008 at 12:27 am
Stumped, here. Installed the Mini Slides plugin on a test page I’m working up for a client. Mini Slides is working fine, but the Lightbox plugin refuses to cooperate. And the Mini Slides plugin seems to be causing the XHTML to invalidate because it’s not printing a paragraph tag in front of the Mini Slides box, but prints a clowsing paragraph tag at the end.
???
January 3rd, 2008 at 4:48 pm
Bat, I’ll check this out asap. For troubles with Lightbox, please check the LighboxJS Website
January 6th, 2008 at 9:54 pm
Hi Ronald,
I have installed your plugin and it works, kind of. It displays my silly testimages and the numbers which, on rollover, display the used images. The Problem is the Box behind the image. It just shows the border around the left side of the image, not around the whole image.
please take a look at http://code-blocx.de/extreeeme/uncategorized/languages.html
to see it in action. Any Ideas?
January 13th, 2008 at 8:01 pm
GPSchnyder, it can’t be more than a css problem. try it with another theme and it will work. Then find out what your stylesheet does to the Mini-Slides. I recommend Firefox & Firebug to check it.
January 24th, 2008 at 5:17 am
Hi. I’m having a similar problem as GPSchnyder: the box is behind the images and wraps around the left only. Also, the image numbers are located vertically underneath the image instead of horizontally.
I tried changing templates without any success. I also tried finding the offending css code without success either. Please advice on how to resolve this issue.
January 26th, 2008 at 12:23 am
I tried using this and the numbers (of the slides) just go down in one long line, vertically! Any idea how to fix it?
http://takuhii.x10hosting.com/ then click on Portfolio…
February 4th, 2008 at 5:50 pm
It conflicts with my theme, I can only ge tthe numbers to go veritcally down the page… DAMNIT!
February 18th, 2008 at 6:51 pm
the minislides plugin on my blog lists the number of the slide one per line…the result is a lot of white space and it looks kinda of tacky. this occurs in firefox and safari as well. http://www.timbuktoons.tv. any suggestions?
February 18th, 2008 at 8:12 pm
sean, somehow the style classes .dprx_minislides_content as well as .dprx_minislides_nav are set to 10px, when viewing your page source. That’s the reason why. Is there a javascript modifying your page’s markup?
February 18th, 2008 at 9:34 pm
Darren, soory for bein late with my answer.
Please provide some more information (link, etc.), and I’ ll see what I can do.Uuups. Just saw you posted before [thx to you gravatar:)]. Well, I’m quite sure your problem can be solved as well with some css tweaking.February 19th, 2008 at 5:41 pm
not that i know of. could it be another plug-in interfering? where should i edit that…or is there even a way to change it? it originally worked when i first installed it but i can’t figure out what happened since. i re installed mini slides- do you think i should reinstall the theme? it says that the plug-in is compatible with the theme.
February 19th, 2008 at 9:26 pm
sean, for some reason, your php installation is not able to return a value for getimagesize(). Mini-Slides tries to determine the maximum width of your thumbnails used and adds 10 pixels for the border. Since you only got 10px witdh, getimagesize() must return 0. As a workaround, you could edit mini-slides.php on line 618 and replace $width with 128 (which is the default width used by WordPress for your thumbnails).
February 21st, 2008 at 4:37 pm
that totally worked- i really appreciate it! this plug in has really worked well for our purposes. how do i donate in dollars?
February 21st, 2008 at 8:37 pm
Sean, glad to hear that I could help you. Btw: 148px would be a better value for your mini-slides width. re:donations: Any amount donated to any open source activity is very much appreciated! You can hit my paypal-donation button located below the plugins list on my website. Thanks a lot in advance!
April 2nd, 2008 at 10:35 am
With Wordpress 2.3.3 Minislides are working well!
But with Wordpess 2.5 not!
When I activate this plugin, I get the error message “minislides could not be loaded” (”Minislides kann nicht geladen werden”).
Will there be an update for Wordpress 2.5?
Thanks.
Chris
April 8th, 2008 at 11:41 am
Me again
No idea?
July 15th, 2008 at 7:13 pm
man, this is the best inline gallery on the web. make it compatible with wp 2.6! can’t wait to use it!
June 19th, 2009 at 3:57 pm
Hi,
does anybody work at this site?
No update for minislides for WP 2.8?
I would really appreciate it!
Thanks.