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.
Is it posible to have more the one box of featured posts per page? What do you have to do to display more then a box ?
Any thoughts on getting this up to date with WordPress 2.7?
Cool plugin, but I have a little problem.
I’m using WP 2.7 and I Writing I can’t find “Select Image for J Post Slider Plugin Animation Box” 🙁
Someone could help me pleas?
well, top idea, and sounds great, but doesn’t work for 2.7, yet at least…can’t pull images from the in-post Ajax facility, and can’t use
custom fields with the “jslider_image” key.
…unless I’m missing something?
Hi,
I have been pointed to:
\wp-content\plugins\JPostSlider\JSlider.php
and have altered:
“the_content()” instead of “the_excerpt()”
and WOW, just want I was after! The whole post is now being displayed in the slider box.
My messaging system is starting to take shape!
Hi Pro Developer, everything works fine until I try to see the page where I paste the code
But I get nothing, the code is outside the loop, everything as you explained.
Any idea?
BTW I’m working on WP 2.7
Any way to get this to work with WP 2.6.3 – 2.7? Thanks!
Can anyone help with the J Post Slider plugin?
The plugin does not seem to work if I go back and amend a post (manage posts)?
The post is not displayed in the slider, is this due to the post having some extra info associated with it when it has been edited?
This plug in is great, the fact that it is editable from the admin area means you can set it up and anyone can then have some creative in-put without having specialist knowledge. Really user friendly, thanks for sharing!
||NOOB ALERt|| where do I put the code???? Im a noob!!! Someone please help.
Is there going to be a version of J Post Slider that will work on WordPress version 2.6.5? I love the idea of the plugin, but as I use 2.6.5 I haven’t been been able to use it.
Thanks for the nice work! I’m having the problem that the slider only appears when on the page where posts from the allowed categories are shown. I’m using it in the sidebar and want to show the slider in the sidebar, no matter on what page I am. Is that possible?
I think it has to do with the way the query is done in jslider.php, using global $post:
function js_show_images() {
global $post;
Any idea?
Thanks in advance.
Great plug-in. The only feature i’m miss is image resizing to fit the box dimensions.
There’s a problem with this plugin, due to the file structure. You just need to upload only the directory JPostSlider, not the j-post-slider. Then just go to wordpress plugins in the dashboard panel and activate it. You have to do this manual to get this plugin to work. Don’t install it via the wordpress repository..
hi ! this worked gre8 ! but after any time ( 20 hours ) auto disable and not show slider in my index page !!! how to fix this ? wp : 2.7.1 thanks . regards
Hehyo,
I’d like to see it workin with WP 2.7.1. I finaly got it installed but it doesn’t showm up (just empty reserved space für the div).
I installed this plugin, but it just keeps showing the same post over and over!
Hi, I think I got to set up everything correctly, but when I go to the page (see link) where the JPost Slider should appear, there’s just a blank space. I checked the source and the JPost code was there, but the pictures are not appearing. Any help? 🙂
The site uses a tweaked Who’s Who Theme.
Could you please show us demo?
I tried use so many plugin befor but It didn’t work like what I want 🙁
Pro Developer, Thanks for this plugin. Jim, Thank you for the tip. This is what is was loking fore
same issue as Jim and Tino.
after edit the image selection is forgotten.
will use custom fields until sorted but pls fix this asap.
thanks,
Cezar
PS: your plugin: simple and smart. hate fancy and complicated.
i tried using custom fields and after i add it it is deleted. very weird.
any ideas?
any idea why it conflicts with this?
jQuery(window).load(function(){
// Lazy Load images below the fold
jQuery(".content img.thumbnail").lazyload();
// The magic sliding panels
jQuery('.entry-content a span.slide-title').css({
opacity : '0.0'
}).parent('a').append('');
jQuery('.entry-content a').mouseover(function(e){
jQuery(this).find('img.thumbnail').stop().animate({
marginTop : '-25px'
}, 100).parent('a').find('span.slide-title').stop().fadeTo("slow",1.0);
});
jQuery('.entry-content a').mouseout(function(e){
jQuery(this).find('img.thumbnail').stop().animate({
marginTop : '0'
}, 100).parent('a').find('span.slide-title').stop().fadeTo("slow",0.0);
});
// Comment Author URL hover effect
jQuery('.comment-author a.url').mouseover(function(e){
var url = jQuery(this).attr('href');
jQuery(this).parent('span').append(''+url+'');
})
jQuery('.comment-author a.url').mouseout(function(e){
jQuery(this).parent('span').find('.hover-url').remove();
})
jQuery('#footer .widgetcontainer:nth-child(3n+1)').addClass('reset');
jQuery('.ie6 #footer .widgetcontainer:nth-child(3n+1),.ie7 #footer .widgetcontainer:nth-child(3n+1)').style({
clear : 'left'
});
});
Great plugin!! I love it. this is just the plugin I was looking for. Works awesome.
Would be so cool if this worked with WP 2.7 ….
Any plans to make it compatible? I cannot get it to run, 🙁 …. anyone with WP2.7 having the same problems?
I see Danielo had an issue with WP2.7 … Did that get sorted out?
Great Plugin!
Nothing is showing up in my ‘Select image for JPOST Slider Plugin Animation Box’… I’ve tried everything and made sure all is correct. Even read through all the comments on here. DOES ANYONE HAVE ANY IDEAS? I’m on WordPress 2.8…..
I’M DESPERATE, any help is appreciated!
Peace.
Nothing is showing up in my ‘Select image for JPOST Slider Plugin Animation Box’… I’ve tried everything and made sure all is correct. Even read through all the comments on here. DOES ANYONE HAVE ANY IDEAS? I’m on WordPress 2.8…..
I’M DESPERATE, any help is appreciated!
Peace + Thanks
I already installed and works fine but I repeat the last post and put a number 5 for example, I repeated the same. as I solve it? I want to rotate the last 5
I’ve tried everything and I can’t get the slider to show up on a page. Blank! Please help. I would love to use this.
Hi there,
I am currently working on my website and trying to get the shadowbox plugin working on thumbnail galleries.
However it is not working and think it might be because of the s3slider I have on the home page. I would be grateful for any input in this problem.
Thank you in advance
Hi,
I would like to use this plugin on my website.
I’m using wp 2.8.4.
When I’m trying the auto install it is installing, but when i press activate it says: there’s no header??