in WordPress Plugins

J Post Slider wordpress plugin – jQuery post animation show

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:

  1. How many latest post to rotate
  2. Post offset, if you don’t want to show latest post in J Post Slider Box
  3. 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
  4. Animation speed
  5. To show or not post excerpt
  6. 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
  7. Text area opacity
  8. Select categories from which this plugin can rotate post.

J Post Slider WordPress Plugin

J Post Slider WordPress Plugin at the admin post page



Installation:

  1. Unzip JPostSlider archive zip file, and upload folder JPostSlider into wp-content/plugins/ folder
  2. Activate J Post Slider WordPress plugin
  3. Go into Settings -> J Post Slider, and customize options for your need
  4. 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.
  5. 
               

    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.

Write a Comment

Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

101 Comments

  1. 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 ?

  2. 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?

  3. 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?

  4. 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!

  5. 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

  6. 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?

  7. 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!

  8. ||NOOB ALERt|| where do I put the code???? Im a noob!!! Someone please help.

  9. 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.

  10. 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.

  11. 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..

  12. 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

  13. 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).

  14. I installed this plugin, but it just keeps showing the same post over and over!

  15. 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.

  16. Could you please show us demo?
    I tried use so many plugin befor but It didn’t work like what I want 🙁

  17. Pro Developer, Thanks for this plugin. Jim, Thank you for the tip. This is what is was loking fore

  18. 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.

  19. i tried using custom fields and after i add it it is deleted. very weird.
    any ideas?

  20. 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'
    });

    });

  21. Great plugin!! I love it. this is just the plugin I was looking for. Works awesome.

  22. 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?

  23. I see Danielo had an issue with WP2.7 … Did that get sorted out?

  24. 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.

  25. 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

  26. 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

  27. 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.

  28. 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

  29. 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??

Webmentions

  • Best jQuery Plugins to boost your Wordpress Blog-TECHwhoop September 6, 2009

    […] J Post Slider […]

  • 15 Magnificent jQuery Plugins for WordPress Blogs | Template Monster Blog September 6, 2009

    […] adds a tweet archive page.Download from developer’s website   * * *J Post Slider J Post Slider will show your post in elegant jQuery box, and it will rotate latest posts from blog […]

  • Top Wordpress jQuery Plugins-Nihad Nagi September 6, 2009

    […] 16.J Post Slider […]

  • 20 WordPress Tricks to Improve Your Blog | E-SEOPRO September 6, 2009

    […] J Post Slider Plugin […]

  • 100+ Best WordPress Plugins You Will Ever Find | Photoshop Cs5 Tutorials September 6, 2009

    […] 34. J Post Slider […]

  • 35 Stylish And Modern WordPress Plugins Using jQuery UI « Downgraf – Design weblog for designers September 6, 2009

    […] 16.J Post Slider […]

  • 45+ jQuery Based Wordpress Plugins and Tutorials September 6, 2009

    […] View Tutorial […]

  • 7Maximes-news for designers and Web developers September 6, 2009

    […] 5. J Post Slider […]

  • 20 Stylish WordPress Plugins Using jQuery UI | stylishwebdesigner September 6, 2009

    […] J Post Slider […]

  • BOYSRULEZ » Blog Archive » Best WordPress Plugins You Will Ever Find September 6, 2009

    […]  J Post Slider […]

  • 20 WORDPRESS TRICKS TO IMPROVE YOUR BLOGMIg33 PC And Mobile Tools | MIg33 PC And Mobile Tools September 6, 2009

    […] J Post Slider Plugin […]

  • 100+ Best WordPress Plugins You Will Ever Find | AZBlog September 6, 2009

    […] 34. J Post Slider […]

  • Lorelei Web Design September 6, 2009

    […] 34. J Post Slider […]

  • 100+ Best Wordpress Plugins You Will Ever Find | Wordpress and Bloggers Top Tutorials | toptut.com September 6, 2009

    […] 34. J Post Slider […]

  • WordPress and Jquery Plugins | www.eqloud.com September 6, 2009

    […] 5. J Post Slider […]

  • 15 Plugins jQuery para o WordPress Blogs « Agência Impacto September 6, 2009

    […] J Slider Post […]

  • The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | Joko Susamto September 6, 2009

    […] 5. J Post Slider […]

  • 35 Stylish And Modern WordPress Plugins Using jQuery UI « DownGraf – Your Graphic World September 6, 2009

    […] 16.J Post Slider […]

  • 10 Ultimate jQuery Wordpress Plugins | jQuery4u September 6, 2009

    […] […]

  • J Post Slider | jQuery Wisdom September 6, 2009

    […] and optional post excerpt. One post can have one J Post Slider, image for this animation. Web Site Download Share and […]

  • jQuery Wordpress Eklentileri | sordum.com September 6, 2009

    […] Web sitenizde ne oluyorsa, yeni post’lar ekleniyorsa J Post Slider ile anında sayfaya yazdırılır. j-post-slider […]

  • 13 jQuery Wordpress Plugins September 6, 2009

    […] J Post Slider Plugin. This plugin allows you to create a slider navigation element, that is used for showing your posts by sliding them across the screen. The motion is constant, until a user holds the mouse over a post, and selects it by clicking it. Post descriptions also appear. […]

  • 35 Stylish And Modern Wordpress Plugins Using jQuery UI » The Nowhere News September 6, 2009

    […] 16.J Post Slider […]

  • 35 Stylish And Modern Wordpress Plugins Using jQuery UI | My Free Design Area - A Webpage for Joomla Free & Commercial Templates, Wordpress Free & Commerciak Themes, and Drupla Free and Commercial templates, Flash Templates and animation, Html tem September 6, 2009

    […] 16.J Post Slider […]

  • 20 WordPress Tricks to Improve Your Blog « Penchenk First September 6, 2009

    […] J Post Slider Plugin […]

  • 10 Of The Best JQuery Plugins For Wordpress | Triphp Webmaster Blog September 6, 2009

    […] This plugin rotates all of the latest posts from your blog along with a corresponding image. Click here to visit the website. […]

  • YeahData – All Free Download | Link Mediafire + Mega1280 + HF + MU !!! » jQuery Wordpress Plugins September 6, 2009

    […] 4.J Post Slider Plugin. This plugin allows you to create a slider navigation element, that is used for showing your posts by sliding them across the screen. The motion is constant, until a user holds the mouse over a post, and selects it by clicking it. Post descriptions also appear. […]

  • WP SLIDESHOW 5款wordpress幻燈片效果插件 September 6, 2009

    […] 2 – J Post Slider – Demo – Download […]

  • WP SLIDESHOW 5款wordpress幻燈片效果插件 LassAngels My Hardware September 6, 2009

    […] 2 – J Post Slider – Demo – Download […]

  • 5款wordpress幻燈片效果/滑動展示效果插件 | Zimo9 September 6, 2009

    […] – J Post Slider – Demo – Download J Post Slider […]

  • The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | HOSTERWARE UK. Tel 02081337636 September 6, 2009

    […] 5. J Post Slider […]

  • Jquery Plus Wordpress : Plugins and Tutorials | AcrisDesign September 6, 2009

    […] J Post Slider wordpress plugin […]

  • WordPress プラグイン セレクション Vol.1 | WebLab September 6, 2009

    […] 28. J Post Slider wordpress plugin – jQuery post animation show […]

  • [翻译]11个实用的jQuery WordPress插件 | I am Solari September 6, 2009

    […] J Post Slider […]

  • 11 Useful jQuery Powered WordPress Plugins | WebsGeek September 6, 2009

    […] J Post Slider […]

  • Die besten Wordpress jQuery Plugins - wordpress,jquery,plugins - Webworking September 6, 2009

    […] kann man entweder das bereits fertige Plugin J Post Slider verwenden oder das ganze direkt mittels Tutorial händisch ins Theme […]

  • 35 Stylish and Modern Wordpress Plugins using jQuery UI | AlexVerse September 6, 2009

    […] 16.J Post Slider […]

  • 40 plugins para usar jQuery en WordPress - colorate September 6, 2009

    […] J Post Slider […]

  • Los mejores plugins de jQuery para WordPress (VIII): J Post Slider | Recursos para Diseñadores Gráficos y Web | Creativos Online September 6, 2009

    […] Descarga | J Post Slider […]

  • eagrapho » 10 Impressive Techniques to Spice up your WordPress Theme September 6, 2009

    […] 10. J Post Slider […]

  • The Power of WordPresjQuerys and : 25+ Useful Plugins & Tutorials | Umraz Ahmed | The Official site September 6, 2009

    […] 5. J Post Slider […]

  • 10 Useful Wordpress plugin with jQuery | denbagus blog September 6, 2009

    […] J Post Slider […]

  • лучшие jquery плагины для wordpress September 6, 2009

    […] 20.J Post Slider […]

  • Lorelei Web Design » 75 Best Wordpress Plugins That Make Bloggers Lives Easier September 6, 2009

    […] […]

  • Lorelei Web Design » 75 Best Wordpress Plugins That Make Bloggers Lives Easier September 6, 2009

    […] […]

  • 11 Useful jQuery Powered WordPress Plugins | Web Design Ledger September 6, 2009

    […] J Post Slider […]

  • 9 Wordpress Plugin with Jquery | denbagus blog September 6, 2009

    […] 3. J Post Slider […]

  • 40+ Quite Useful Wordpress Plugins using jQuery | Programming Blog September 6, 2009

    […] J Post Slider […]

  • 40+ Quite Useful Wordpress Plugins using jQuery | tripwire magazine September 6, 2009

    […] J Post Slider […]

  • jQueryでワンランクアップするWordpressのプラグイン・チュートリアルいろいろ | WEB制作.Hack September 6, 2009

    […] J Post Slider wordpress plugin – jQuery post animation show […]

  • 35 Stylish And Modern Wordpress Plugins Using jQuery UI - Programming Blog September 6, 2009

    […] 16.J Post Slider […]

  • Free J Post Slider wordpress Themes Download September 6, 2009

    […] Continue Reading: Click here for Original Source […]

  • tmtbox media | 35 Stylish And Modern Wordpress Plugins Using jQuery UI September 6, 2009

    […] 16.J Post Slider […]

  • 35 Stylish And Modern Wordpress Plugins Using jQuery UI | WEBDESIGN FAN September 6, 2009

    […] 16.J Post Slider […]

  • Beat Fly Blog » Blog Archive » jQuery Plugins for modern Wordpress September 6, 2009

    […] J Post Slider […]

  • 10 Sweet “Must Have” jQuery Plugins September 6, 2009

    […] 3, Post Slider for WordPress. http://www.prodeveloper.org/j-post-slider-wordpress-plugin-jquery-post-animation-show.html […]

  • 35 elegantes y modernos Plugins para Wordpress usando jQuery UI | Don Pipa.com, web oficial September 6, 2009

    […] 16.J Post Slider Muéstrele a su publicación un cuadro jQuery, rotación de imágenes, cuadro de texto con la descripción de la publicación. Este plugin presentará sus mensajes de forma muy animada. […]

  • jQueryでワンランクアップするWordpressのプラグイン・チュートリアルいろいろ - WEB制作.Hack September 6, 2009

    […] J Post Slider wordpress plugin – jQuery post animation show […]

  • 35 Stylish And Modern Wordpress Plugins Using jQuery UI | Graphic and Web Design Blog - Inspiration, Resources and Tools September 6, 2009

    […] 16.J Post Slider […]

  • 13 Plugins para soltar o poder do jQuery no Wordpress - Xigli September 6, 2009

    […] 1. J Post Slider […]

  • jQuery Wordpress Plugins - Download jQuery Wordpress Plugins - Links download jQuery Wordpress Plugins | PAGE2BOOk.COM September 6, 2009

    […] J Post Slider Plugin. This plugin allows you to create a slider navigation element, that is used for showing your posts by sliding them across the screen. The motion is constant, until a user holds the mouse over a post, and selects it by clicking it. Post descriptions also appear. […]

  • jQuery Wordpress Plugins : CRshare.com September 6, 2009

    […] J Post Slider Plugin. This plugin allows you to create a slider navigation element, that is used for showing your posts by sliding them across the screen. The motion is constant, until a user holds the mouse over a post, and selects it by clicking it. Post descriptions also appear. […]

  • jQuery Wordpress Plugins | WPThemesPlugin.com September 6, 2009

    […] videos with comments for example is just one of the many options available with this plugin J Post Slider Plugin. This plugin allows you to create a slider navigation element, that is used for showing your posts […]

  • links for 2009-07-20 | Digital Rehab September 6, 2009

    […] J Post Slider wordpress plugin – jQuery post animation show | Pro Developer (tags: wordpress jquery plugin slider) […]

  • 15 Plugins to Unleash the Invincible Power of jQuery and Wordpress September 6, 2009

    […] 1. J Post Slider […]

  • The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | Quest For News, A TUTORIAL Base September 6, 2009

    […] 5. J Post Slider […]

  • The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | Webmaster Tips September 6, 2009

    […] 5. J Post Slider […]

  • 20 WordPress Tricks to Improve Your Blog September 6, 2009

    […] J Post Slider Plugin […]

  • 20 WordPress Tricks to Improve Your Blog | brainstorming magazine | use the brain to get ideas September 6, 2009

    […] J Post Slider Plugin […]

  • 10 Impressive Techniques to Spice up your WordPress Theme | DevSnippets September 6, 2009

    […] 10. J Post Slider […]

  • Free WordPress and jQuery: 25+ Useful Plugins & Tutorials | designersmantra.com September 6, 2009

    […] 5. J Post Slider […]

  • 20 Trucchi Per Migliorare Wordpress September 6, 2009

    […] J Post Slider Plugin […]

  • Portfolio και Wordpress #1 | WpGreece - Basilis Kanonidis WP Greek Coding! September 6, 2009

    […] δύο plugins τα οποία βρήκα το WordPress Featured Post Slideshow και το J Post Slider wordpress plugin το οποίο ίσως είναι και το ποίο καλό αφού […]

  • Free WordPress and jQuery: 25+ Useful Plugins & Tutorials | guidesigner.com September 6, 2009

    […] 5. J Post Slider […]

  • The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | @article @lbum September 6, 2009

    […] 5. J Post Slider […]

  • The Power of WordPress and jQuery: 30+ Useful Plugins & Tutorials September 6, 2009

    […] 5. J Post Slider […]

  • En.nicuilie.eu Blogs » Top 1000 WordPress Plugin Authors September 6, 2009

    […] J Post Slider […]

  • 4webmasters » Top 1000 WordPress Plugin Authors September 6, 2009

    […] J Post Slider […]

  • 30 plugins Wordpress de grande qualidade lançados em Outubro de 2008 | Wordpress Love - Themes, Plugins e tudo para Wordpress, em Português September 6, 2009

    […] J Post Slider – Este plugin permite-lhe apresentar os seus artigos numa caixa jQuery, rodando imagens, e colocando uma descrição própria. É muito utilizado para criar ‘artigos de destaque’. […]

  • WordPress Plugin Releases for 10/21 | Free Blogs September 6, 2009

    […] J Post Slider […]

  • سیاره وردپرس فارسی » افزونه های تازه September 6, 2009

    […] J Post Slider […]

  • Naghies » Blog Archive » افزونه های تازه September 6, 2009

    […] J Post Slider […]

  • Weblog Tools Collection: WordPress Plugin Releases for 10/21 | Aslifmbiz Blog September 6, 2009

    […] J Post Slider […]

  • Weblog Tools Collection: WordPress Plugin Releases for 10/21 | KaosKoxp Oyun Portali September 6, 2009

    […] J Post Slider […]

  • WordPress Plugin Releases for 10/21 | BlogBroker24-7 September 6, 2009

    […] J Post Slider […]

  • WordPress Plugin Releases for 10/21 · Softonix.com September 6, 2009

    […] J Post Slider […]

  • WordPress Plugin Releases for 10/21 | bloground.ro - Blogging resources, WordPress themes and plugins for your development September 6, 2009

    […] J Post Slider […]

  • WordPress Plugin Releases for 10/21 | Wordpress Blog NL September 6, 2009

    […] J Post Slider […]