Boban Karišik developed nice jQuery slide show images script. This jQuery slide show, rotate images, and showing out transparent div with image description.
I used this jQuery Script, to develop WordPress plugin which can be customized in admin area. This plugin will rotate latest posts from blog, presented with selected image, post headline, and optional post excerpt. One post can have one J Post Slider, image for this animation.
You can set up:
- How many latest post to rotate
- Post offset, if you don’t want to show latest post in J Post Slider Box
- Images Width and Height for animation box. NOTE: every image you pick for J Post Slider plugin need to have same sizes, to make this animation look smootly
- Animation speed
- To show or not post excerpt
- Headline and excerpt can show up from top, left, bottom or right. Plugin can show up text area top and bottom, or left and right reciprocally or it can show area randomly
- Text area opacity
- Select categories from which this plugin can rotate post.
Installation:
- Unzip JPostSlider archive zip file, and upload folder JPostSlider into wp-content/plugins/ folder
- Activate J Post Slider WordPress plugin
- Go into Settings -> J Post Slider, and customize options for your need
- Now at the Writing post panel, you can find Select Image for J Post Slider Plugin Animation Box 😉 where you can select image for J Post animation. You can pick only image which is uploaded into post gallery when you editing post. When you write new post you can pick from 10 latest images.
-
if (function_exists("js_show_images")) { js_show_images(); } ?>
Add this code into your template file outside of loop, where you want to put this animation box.
This Plugin will present your HOT posts, in jQuery animation show. You just make sure that every image, you pick have same sizes. Plugin will give notice if you pick image with wrong size. I used Scriptaculous, web 2.0 javascript to call php function to load images, without loading whole page.
If you have some idea how to improve this plugin, i would like to hear it, and also i want to see your comments how do you like it or not like it. If you want you can send me a link with this plugin in action, and i will publish it here so people can see it.
Changelog
- 1.3.1 (30.10.2008) – J Post using its own Loop, and couldn’t effect at the your themes Loop. Also if you missed to initially select categories for J Post, it wouldn’t show error.
- 1.2 Minor changes with installation package file stricture
- 1.1 Fixed bug, from first version, plugin didn’t work well at the Write page. In the “Select image for J post slider’” users coudn’t select image if they have wordpress installed into sub-folder.
Download J Post Slider plugin.
Installed WP J Post Slider as instructed above. In the plugin settings I get this repeated for every category I have:
Warning: in_array() [function.in-array]: Wrong datatype for second argument in /home/gotwojoc/public_html/wp-content/plugins/JPostSlider/jslider.php on line 112/>Day-To-Day
If I look at the jslider.php on line 112 this is what I see:
<input type=”checkbox” id=”cats” name=”cats[]” value=”term_id;?>”term_id,get_option(‘js_op_cats’))) echo” CHECKED”;?>/>name;?>
When I try to use the slider in my sidebar I get this error:
Warning: Invalid argument supplied for foreach() in /home/gotwojoc/public_html/wp-content/plugins/JPostSlider/jslider.php on line 168
If I look at the jslider.php starting at line 168 this is what I see:
foreach ($al_cats as $cat) {
if (in_category($cat)) {
$ret = true;
break;
}
Any ideas what’s going on?
Thanks … Joe
Thanks for sharing this plugin, and the time u spent to let it for us for free.
Thanks
amazing plugin , When I get the first chance to I would like to feature it in an article I’m writing.
Hello, thank you for this great plugin,
but i’ve a problem.
Plugin activates normaly, and settings page, everything it’s ok.
But at the write post page, where the ‘Select image for J post slider’ appear, it breaks the page, and inside this, appear the root index of the blog.
So i cannot select any image for this.
Probably some permalink or root path problem inside the plugin code?
For Joe Streno:
What is your WP version? It looks like you dont have any category at your blog, do you ?
I am using WordPress version 2.6.2. I have 45 categories.
For Neuro:
Also i need to know vat is your WordPress version ? what is your blog url ? Is your blog on the root or in some subfolder ?
In meantime you can add custom field with key “jslider_image” and value image url for instance: “http://www.yoursite.net/wp-content/uploads/2008/10/some-image.jpg” for every post you want to add into animation box. This will work for you i am sure.
For Joe Streno:
To me it looks like you missed
Go into Settings -> J Post Slider, and customize options for your need
You need to select cats you want to use for this plugin, maybe all of them. Did you do it ?
Do you have screenshoot of this plugins? If there is no image for animation box, can i still use this plugins?
Hello again,
my WP Version is 2.6, a clean install, server has php4.
The blog url is in one subfolder called /new/ .
If this is a problem do i have to edit the plugin to alter the blog url?
thanks for your reply.
Duh! You were right. I didn’t check any cats. It did work fine after that. Sorry to have wasted your time.
Thanks a lot for the great plug-in.
I have to problems:
-One on the settings:
“Warning: in_array() [function.in-array]: Wrong datatype for second argument in /home/content/h/i/m/himtox/html/blog/wp-content/plugins/JPostSlider/jslider.php on line 112″
-Second on the post page:
”
I use version 2.6 and its on subfolder.
Thanks for support.
For Neuro:
I just publish version 1.1, and i fixed problem which appears when WordPress is installed into subfolder. It is tested on blog installed into subfolder, with WordPress versions 2.6 and 2.6.2
Please install new J Post Plugin version and inform me about results.
Okay …. I tried the update. You changed the name of the unzipped plugin folder from ‘JPostSlider’ to ‘j-post-slider’. The plugin breaks unless you go back and rename the folder ‘JPostSlider’. With the 1.1 version the J Slide image appears where it’s supposed to, but the slider box portion does not appear and becomes static text box below the image. If you rename the plugin folder to ‘JPostSlider’, 1.1 displays normal behavior.
My install of WordPress 2.6.2 is at the root level, and not in a sub folder.
The J Post Slider plugin also breaks the ‘Lightbox 2’ plugin.
I need to use Lightbox 2 and I would like to use J Post Slider … any ideas?
Thanks … Joe
For Joe:
Thanks for notice folder problem, It is fixed.
When you are using LightBox plugin, it changes image class, so this is the problem. Solution is to change LightBox plugin just for you,
You can contact me directly over contact page, and i can help you to change LightBox plugin for your need.
I think I might have one way to improve this. Just installed as instructed and went to settings and got the php array error mentioned above.
Once a category is selected it shows fine. I would try to fix that so if none are selected no errors show.
Not got any further than that yet though, I will let you know if it works and any other things I can see for improvement.
Hope it works well
One thing I have noticed after playing a little is that the post loop overwrites the main one. So if the slider is used before your main loop the main loop becomes a list of the posts used in the slider loop.
Quite a big issue. I started to look at it in your plugin but I thought I best tell you and see if I can reset it in my template for the time being.
For Mark:
I will improve both issues in next version.
Thanks to Mark, new improved version show up now. As you can see in changelog, I fixed problem with loop, and also it wouldn’t show error if you initially don’t select categories for J Post Plugin.
I tried this plugin on WP 2.6.2 and after I activated the plugin I get the following
“s3Slider jQuery scipt. Thanks Boban for nice jQuery script. I can’t show you how much cool is this plugin, you just need to try it. Version: 1.3.1 Author: Ivan Djurdjevac Author URI: http://www.prodeveloper.org */ function js_add_pages() { $page = add_options_page(“J Post Slider”, “J Post Slider”, 0, ‘jslider’, ‘js_page’); add_action(‘admin_head-‘.$page,’js_admin_head’); } add_action(‘admin_menu’, ‘js_add_pages’); function js_page() { if ($_POST[‘save’]) { update_option(‘js_op_rotate’, $_POST[‘op_rotate’]); update_option(‘js_op_offset’, $_POST[‘op_offset’]); update_option(‘js_op_width’, $_POST[‘op_width’]); update_option(‘js_op_height’, $_POST[‘op_height’]); update_option(‘js_op_show_time’, $_POST[‘op_show_time’]); update_option(‘js_op_cats’, $_POST[‘cats’]); update_option(‘js_op_text_pos’, $_POST[‘text_pos’]); update_option(‘js_op_left_width’, $_POST[‘left_width’]); update_option(‘js_op_right_width’, $_POST[‘right_width’]); update_option(‘js_op_opacity’, $_POST[‘opacity’]); update_option(‘js_op_show_ex’, $_POST[‘show_ex’]); } ?>”
Then I get options for the actual plugin , then after that I get my regular dashboard and plugin page.
Ive installed the plugin and activated it. Trying to go to settings it says: Cannot load jslider.
Any idea?
Im using WordPress 2.6.3… is this the problem?
Problem solved. I had some issues with the wordpress installation…
Now it wont show any image in “Select Image for J Post Slider Plugin Animation Box ;)”, Im writing a new post, uplading new pictures and nothing comes up… it only says “Loading Images…” and nothing.
I have selected some categories on the settings, im uploading pictures at the proper size. Im using wordpress 2.6.3 in a subfolder(/site/). The uploading path is /site/images folder.
Any ideas?
Thanks!
Nice one Ivan.
I will try it again soon to see if it’s all cool.
😀
Hi!
It stops working when i make a new post from other category. So it means that the latest post must be from the selected category.
Any idea?
Great plug-in, but two issues.
1. Your plugin lets the subscriber role, change the settings for the plug-in. This is not good… When it the plugin is enabled, it makes the settings tab show up in the subscriber page????
2. The auto update within WordPress does not work, your updated files upload to the wrong directory…..
I am using WordPress 2.6.2. I uploaded the plugin and extracted it for use, but when I went to my WordPress control panel to activate the plugin, it doesn’t appear there. It’s as if WordPress doesn’t “see” the plugin in my folder.
Any suggestions?
不错不错J Post Slider wordpress plugin – jQuery post animation show | Pro …
Hi there, I have a problem using your plugin with WP 2.7
I made J slider work, but every time I edit post that has J slider included, J slider disappears. Also, the same is happening when I upload index.php on server. It’s like a kind of bug that doesn’t remember selection of picture in J slider admin on post page.
Please help
Hi… I tried this plugin with wordpress 2.7 and when I activate the plugin it shows on top of all other plugins in wordpress plugins page.
Is there some way to fix this !?
s3Slider jQuery scipt. Thanks Boban for nice jQuery script. I can’t show you how much cool is this plugin, you just need to try it. Version: 1.3.1 Author: Ivan Djurdjevac Author URI: http://www.prodeveloper.org */ function js_add_pages() { $page = add_options_page(“J Post Slider”, “J Post Slider”, 0, ‘jslider’, ‘js_page’); add_action(‘admin_head-‘.$page,’js_admin_head’); } add_action(‘admin_menu’, ‘js_add_pages’); function js_page() { if ($_POST[‘save’]) { update_option(‘js_op_rotate’, $_POST[‘op_rotate’]); update_option(‘js_op_offset’, $_POST[‘op_offset’]); update_option(‘js_op_width’, $_POST[‘op_width’]); update_option(‘js_op_height’, $_POST[‘op_height’]); update_option(‘js_op_show_time’, $_POST[‘op_show_time’]); update_option(‘js_op_cats’, $_POST[‘cats’]); update_option(‘js_op_text_pos’, $_POST[‘text_pos’]); update_option(‘js_op_left_width’, $_POST[‘left_width’]); update_option(‘js_op_right_width’, $_POST[‘right_width’]); update_option(‘js_op_opacity’, $_POST[‘opacity’]); update_option(‘js_op_show_ex’, $_POST[‘show_ex’]); } ?>
Hi,
Thanks for sharing nice plugin
Kami
dwgeeks.com
Hi, great plugin!
This relates to the earlier issue with Lightbox2, I’m using the Slimbox plugin, same as LB but uses MooTools instead.
Can you share your solution that helped Joe above.
Much appreciated, Thanks.
I love it! Thanks!
Hey, Cant wait to use the plugin. I have everything set up correctly but the gallery is not showing up… I even just tried putting but it didnt work. I have the cat selected and everything customized. Im running WP 2.5
Hi, it looks like exactly what I was looking for but I’m having issues.. installation went fine, I picked categories, changed image sizes and other settings, added post with correct image size and on the end added code in the template but cant see any changes… it looks like it doesnt call the function at all. I cant provide links as it is on my local server. Do you have any idea what is going on? Do you have any demo of working plugin?
Thanks again, Hvala i sretno 😉
Great plugin. Love it. Are you making a version for later WP editions too? Would be greatly appreciated!
Hi,
I’m using wordpressmu 2.6.5 and the plugin works a treat.
I have altered the slider box and font size so I can use j post slider as a noticeboard, just need to figure out how to display all of the post’s text rather than just an excerpt.
However, I notice that any post I go back to and alter is removed from the blog?
From the ‘Manage Posts’ admin area and using ‘Select Image for J Post Slider Plugin Animation Box ;)’ the images are no longer displayed?
Can you help?
Sorry just read my post back.
The post is not removed from the blog but removed from the J Post Slider display.
Also, is it possible to display all of the text from a post into the J Post slider display?
Many thanks