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. I got that already fixed, It was installed in a extra folder.
    But still I cannot get it to work.
    In the options page it is showing almost all my keywords in stead of categories. I do not know what to do.
    Can you help please?

  2. It doesn’t look like anyone has updated this site recently, but I’ll post anyway. I am running J Post Slider 1.3.1 on WordPress 2.8.4. Frequently (too frequently) the text from a post will disappear from the slide animation. The image remains, and the text and images from the other posts remain. In order to recover I have to delete the entire post and start again. Any advice?

    Thanks.

  3. problem with picture’s size…even picking the right size but still get an error for picture’s size

  4. This could be is a great plugin, BUT :

    It is not compatible with lightbox and also with the plugins like lightbox ( fancybox, greybox etc…)

    Do the trying youll see….

    Also it will be more usefull if it shows more posts than there is in the home page when you use to show one on two posts… then it will work also like a archive show

    Any way I doubt that people use it if this non compatibility is not resolved.
    if this problem is resolved then I will use it surely…

    daniel

  5. Hello,

    This is a great plugin, really smooth and great looking.

    I have it set up for “left only” text area and would like to know how to solve the following issues (i’ve looked all over the place already…) :

    – Have text area slid in from left-right rather than from top-down.
    – Get rid of the 10px margin on top of the text column (I would like it to overlay the post foto from top to bottom).
    – Define the color / opacity when hovering over the text area. Right now it gets very bright. It might be my theme, if so, where and how can I define the CSS to have it not change whether hovering on not?

    I would really really appreciate your help. You’ve already helped me soo much with this great plugin, it would be a shame to stop now 😉

    Best,
    C.

  6. Hello again,

    I have figured out how to fix the margin problem… That was actually my stylesheet acting up 😉

    However this plugin is generating jquery conflicts because you dont use the wp_enqueue_script function recommended by WordPress.

    Would you mind implementing that into the head call in jslider.php ?

    Please???

  7. i try to configure this plugin ..it says some error ..now i’m using futures content gallery .. but i like jPost..

  8. It looks good, but I can’t get it to show on the site. I’ve selected categories from the admin page, but nothing shows up where I add my php code.

Webmentions

  • Best jQuery Plugins to boost your Wordpress Blog-TECHwhoop May 8, 2010

    […] J Post Slider […]

  • 15 Magnificent jQuery Plugins for WordPress Blogs | Template Monster Blog May 8, 2010

    […] 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 May 8, 2010

    […] 16.J Post Slider […]

  • 20 WordPress Tricks to Improve Your Blog | E-SEOPRO May 8, 2010

    […] J Post Slider Plugin […]

  • 100+ Best WordPress Plugins You Will Ever Find | Photoshop Cs5 Tutorials May 8, 2010

    […] 34. J Post Slider […]

  • 35 Stylish And Modern WordPress Plugins Using jQuery UI « Downgraf – Design weblog for designers May 8, 2010

    […] 16.J Post Slider […]

  • 45+ jQuery Based Wordpress Plugins and Tutorials May 8, 2010

    […] View Tutorial […]

  • 7Maximes-news for designers and Web developers May 8, 2010

    […] 5. J Post Slider […]

  • 20 Stylish WordPress Plugins Using jQuery UI | stylishwebdesigner May 8, 2010

    […] J Post Slider […]

  • BOYSRULEZ » Blog Archive » Best WordPress Plugins You Will Ever Find May 8, 2010

    […]  J Post Slider […]

  • 20 WORDPRESS TRICKS TO IMPROVE YOUR BLOGMIg33 PC And Mobile Tools | MIg33 PC And Mobile Tools May 8, 2010

    […] J Post Slider Plugin […]

  • 100+ Best WordPress Plugins You Will Ever Find | AZBlog May 8, 2010

    […] 34. J Post Slider […]

  • Lorelei Web Design May 8, 2010

    […] 34. J Post Slider […]

  • 100+ Best Wordpress Plugins You Will Ever Find | Wordpress and Bloggers Top Tutorials | toptut.com May 8, 2010

    […] 34. J Post Slider […]

  • WordPress and Jquery Plugins | www.eqloud.com May 8, 2010

    […] 5. J Post Slider […]

  • 15 Plugins jQuery para o WordPress Blogs « Agência Impacto May 8, 2010

    […] J Slider Post […]

  • The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | Joko Susamto May 8, 2010

    […] 5. J Post Slider […]

  • 35 Stylish And Modern WordPress Plugins Using jQuery UI « DownGraf – Your Graphic World May 8, 2010

    […] 16.J Post Slider […]

  • 10 Ultimate jQuery Wordpress Plugins | jQuery4u May 8, 2010

    […] […]

  • J Post Slider | jQuery Wisdom May 8, 2010

    […] 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 May 8, 2010

    […] 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 May 8, 2010

    […] 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 May 8, 2010

    […] 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 May 8, 2010

    […] 16.J Post Slider […]

  • 20 WordPress Tricks to Improve Your Blog « Penchenk First May 8, 2010

    […] J Post Slider Plugin […]

  • 10 Of The Best JQuery Plugins For Wordpress | Triphp Webmaster Blog May 8, 2010

    […] 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 May 8, 2010

    […] 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幻燈片效果插件 May 8, 2010

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

  • WP SLIDESHOW 5款wordpress幻燈片效果插件 LassAngels My Hardware May 8, 2010

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

  • 5款wordpress幻燈片效果/滑動展示效果插件 | Zimo9 May 8, 2010

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

  • The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | HOSTERWARE UK. Tel 02081337636 May 8, 2010

    […] 5. J Post Slider […]

  • Jquery Plus Wordpress : Plugins and Tutorials | AcrisDesign May 8, 2010

    […] J Post Slider wordpress plugin […]

  • WordPress プラグイン セレクション Vol.1 | WebLab May 8, 2010

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

  • [翻译]11个实用的jQuery WordPress插件 | I am Solari May 8, 2010

    […] J Post Slider […]

  • 11 Useful jQuery Powered WordPress Plugins | WebsGeek May 8, 2010

    […] J Post Slider […]

  • Die besten Wordpress jQuery Plugins - wordpress,jquery,plugins - Webworking May 8, 2010

    […] 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 May 8, 2010

    […] 16.J Post Slider […]

  • 40 plugins para usar jQuery en WordPress - colorate May 8, 2010

    […] J Post Slider […]

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

    […] Descarga | J Post Slider […]

  • eagrapho » 10 Impressive Techniques to Spice up your WordPress Theme May 8, 2010

    […] 10. J Post Slider […]

  • The Power of WordPresjQuerys and : 25+ Useful Plugins & Tutorials | Umraz Ahmed | The Official site May 8, 2010

    […] 5. J Post Slider […]

  • 10 Useful Wordpress plugin with jQuery | denbagus blog May 8, 2010

    […] J Post Slider […]

  • лучшие jquery плагины для wordpress May 8, 2010

    […] 20.J Post Slider […]

  • Lorelei Web Design » 75 Best Wordpress Plugins That Make Bloggers Lives Easier May 8, 2010

    […] […]

  • Lorelei Web Design » 75 Best Wordpress Plugins That Make Bloggers Lives Easier May 8, 2010

    […] […]

  • 11 Useful jQuery Powered WordPress Plugins | Web Design Ledger May 8, 2010

    […] J Post Slider […]

  • 9 Wordpress Plugin with Jquery | denbagus blog May 8, 2010

    […] 3. J Post Slider […]

  • 40+ Quite Useful Wordpress Plugins using jQuery | Programming Blog May 8, 2010

    […] J Post Slider […]

  • 40+ Quite Useful Wordpress Plugins using jQuery | tripwire magazine May 8, 2010

    […] J Post Slider […]

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

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

  • 35 Stylish And Modern Wordpress Plugins Using jQuery UI - Programming Blog May 8, 2010

    […] 16.J Post Slider […]

  • Free J Post Slider wordpress Themes Download May 8, 2010

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

  • tmtbox media | 35 Stylish And Modern Wordpress Plugins Using jQuery UI May 8, 2010

    […] 16.J Post Slider […]

  • 35 Stylish And Modern Wordpress Plugins Using jQuery UI | WEBDESIGN FAN May 8, 2010

    […] 16.J Post Slider […]

  • Beat Fly Blog » Blog Archive » jQuery Plugins for modern Wordpress May 8, 2010

    […] J Post Slider […]

  • 10 Sweet “Must Have” jQuery Plugins May 8, 2010

    […] 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 May 8, 2010

    […] 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 May 8, 2010

    […] 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 May 8, 2010

    […] 16.J Post Slider […]

  • 13 Plugins para soltar o poder do jQuery no Wordpress - Xigli May 8, 2010

    […] 1. J Post Slider […]

  • jQuery Wordpress Plugins - Download jQuery Wordpress Plugins - Links download jQuery Wordpress Plugins | PAGE2BOOk.COM May 8, 2010

    […] 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 May 8, 2010

    […] 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 May 8, 2010

    […] 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 May 8, 2010

    […] 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 May 8, 2010

    […] 1. J Post Slider […]

  • The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | Quest For News, A TUTORIAL Base May 8, 2010

    […] 5. J Post Slider […]

  • The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | Webmaster Tips May 8, 2010

    […] 5. J Post Slider […]

  • 20 WordPress Tricks to Improve Your Blog May 8, 2010

    […] J Post Slider Plugin […]

  • 20 WordPress Tricks to Improve Your Blog | brainstorming magazine | use the brain to get ideas May 8, 2010

    […] J Post Slider Plugin […]

  • 10 Impressive Techniques to Spice up your WordPress Theme | DevSnippets May 8, 2010

    […] 10. J Post Slider […]

  • Free WordPress and jQuery: 25+ Useful Plugins & Tutorials | designersmantra.com May 8, 2010

    […] 5. J Post Slider […]

  • 20 Trucchi Per Migliorare Wordpress May 8, 2010

    […] J Post Slider Plugin […]

  • Portfolio και Wordpress #1 | WpGreece - Basilis Kanonidis WP Greek Coding! May 8, 2010

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

  • Free WordPress and jQuery: 25+ Useful Plugins & Tutorials | guidesigner.com May 8, 2010

    […] 5. J Post Slider […]

  • The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | @article @lbum May 8, 2010

    […] 5. J Post Slider […]

  • The Power of WordPress and jQuery: 30+ Useful Plugins & Tutorials May 8, 2010

    […] 5. J Post Slider […]

  • En.nicuilie.eu Blogs » Top 1000 WordPress Plugin Authors May 8, 2010

    […] J Post Slider […]

  • 4webmasters » Top 1000 WordPress Plugin Authors May 8, 2010

    […] 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 May 8, 2010

    […] 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 May 8, 2010

    […] J Post Slider […]

  • سیاره وردپرس فارسی » افزونه های تازه May 8, 2010

    […] J Post Slider […]

  • Naghies » Blog Archive » افزونه های تازه May 8, 2010

    […] J Post Slider […]

  • Weblog Tools Collection: WordPress Plugin Releases for 10/21 | Aslifmbiz Blog May 8, 2010

    […] J Post Slider […]

  • Weblog Tools Collection: WordPress Plugin Releases for 10/21 | KaosKoxp Oyun Portali May 8, 2010

    […] J Post Slider […]

  • WordPress Plugin Releases for 10/21 | BlogBroker24-7 May 8, 2010

    […] J Post Slider […]

  • WordPress Plugin Releases for 10/21 · Softonix.com May 8, 2010

    […] J Post Slider […]

  • WordPress Plugin Releases for 10/21 | bloground.ro - Blogging resources, WordPress themes and plugins for your development May 8, 2010

    […] J Post Slider […]

  • WordPress Plugin Releases for 10/21 | Wordpress Blog NL May 8, 2010

    […] J Post Slider […]