WordPress Plugin : Fluid Responsive Slideshow Plugin 73

Kelana Nusa Tenggara

people. landscape. and the journey itself.

Berhari Sabtu di Merbabu

Cuma ingin membuktikan bahwa tidak perlu pergi terlalu jauh untuk mencari keindahan. Mendaki gunung tidak untuk menjadikan kita sombong, justru sebaliknya, semakin banyak bersyukur dan mendekatkan diri pada Ilahi. :)

Fascinating Halmahera

Dua purnama aku di sana, dimana tiap hari dipenuhi ucapan syukur dan decak kagum, merasa beruntung ada di tempat ini. di Halmahera.Bumi harapan yang terlupakan, bumi harapan yang menunggu untuk dibangkitkan.


Description

Fluid Responsive Slideshow is a wordpress plugin that enable you to put slideshow / image slider easily into post,page, or template.  This plugin is based on a jquery plugin called orbit.js

Features

  • Manage your slideshow as you manage your post / page
  • Ordering of Image in a slideshow
  • Multiple slideshow on single page/post
  • Responsive Image
  • Hiperlink on image
  • Custom text and font size
  • And many custumizable parameter
  • 4 skins ~ Skins Demo

Download the Plugin on wordpress : Fluid-Responsive-Slideshow

Fully customizable

This plugin already provide you with a bunch of option to custumize the slideshow based on your preference. Every slide type also has it owns options

Easy to Manage

You can easily browse and manage your slide just like managing normal post.

Harmless way to add new slideshow

Adding a new slideshow is as easy as adding a new categories/tags

Easy to publish

The slideshow is easy embed on post/page by using shortcode

Usage Instruction

  1. Add a Slide Type in the , Slide Type page. One Slide Type equal to one album. Slide type must only contain character space, so don’t use term like “Best Cars” or “Best – Car” use “bestCars” or “bestcars”
  2. Add Slide, add the title and the text content of the Slide.
  3. Insert the picture using featured image. Choose the picture, select show and then click the “use as featured image” button
  4. Add the Slide Type to the Slide.The slide will not working without the Slide Type.
  5. Publish the slide

Publish your slideshow on a Page/Post/Custom Post Type

Put the line bellow on your post/page :

[pjc_slideshow slide_type='your_slide_name']

  1. The slide_type paramater is case sensitive
  2. Image size must be less or equal than parrent container
  3. One slide type can only be made to one slideshow

That’s all, i hope you enjoy to the plugin. If you need any custumization don’t hesitate to put a comment or contact us on tonjoocorp[at]gmail.com

And if you want to put the slideshow on the page themes / template, follow my guide : Insert shorcode into your wordpress theme

If you like our work , please donate on paypal to support us










Next Release : Version 0.94 – April 2013

  • Add more skins

Images owner : Maharsi Wahyu K(Kinkin)

 

Version History:
0.93 Hotfix for 0.92, fix maximal number of slide

0.92 Add 4 skin

0.91 First patch, add fix for ie7, options bug

0.90 Release

  • http://www.southerndirtriders.com Lee

    I can only get 3 slides to come up even though I have uploded several more. Please help

    • Todi Adiatmo

      Hi Lee, have you give the slide a slide type ? it should work fine, i’ve use 4 images in this tutorial. How much slide do you upload in a slideshow do you try ?

  • http://thismomsmayhem.com Twyla

    I have 12 images that I have done. When I go put the code on the Welcome page it just has an error…Please help!

    • Todi Adiatmo

      What error do you get ? can you provide screenshoot? don’t forget to provide the slide name when using the shortcode

  • http://www.htsun.it/?page_id=267 santi

    don’t work can you help me?

    • Todi Adiatmo

      @santi Can you specify your problem or provide some screenshoot on the error ?

  • Evelyn

    Hi+ I really like your responsive slide show plugin! It is easy to use! In trying it out I see that the slideshow displays a thumbnail image of the slide it is showing…I would like to remove or hide that thumbnail display…I do know CSS…I have downloaded the entire site to my local drive; I just don’t know which file Class/ID/Tag I should code to ‘hidden’ – would you be kind enough to guide me in the proper direction? Thank you, +E

  • Todi Adiatmo

    @Evelyn
    The bullet should be on class (“.orbit-bullets”)

  • Evelyn

    Thank you…and, which CSS file should I look in to find this?

    • Todi Adiatmo

      it should be on /css/orbit.css. If you still have trouble on the css file you can show me your page and i’ll try to figure it out which class to edit :)

  • http://fd Junho

    slideshow is not working in chrome, but it works in safari. any idea ?

    • Todi Adiatmo

      @junho could you show me your wordpress version? try to deactive old plugin, sometimes plugin doesn’t work well when combined. Or maybe you can show me your site ?

  • http://mediaworkers.org/working-for-less EKwon

    Thank for for this great plug-in!
    my slideshow doesn’t respond to the changes I make in the FR slideshow options form..
    any idea of what steps I can take to troubleshoot?

    • Todi Adiatmo

      @EKwon hi what is the options that doesnt work? i aware some options still not functioning, it will be fixed on next release in 2-3 week

  • http://fd Junho

    I’m using 3.0.1 version. This is the problem ?
    I don’t use other plugins but this.

    • Iqbal Jayadi

      This plugin isn’t tested with 3.0.1 version. Try in 3.7 or 3.8, it works like charm

  • http://www.becaneweb.net/ Cédric

    Hi, the slideshow doesn’t work on my site (wordpress 5.1 – Vertical Theme Responsive).
    What do you mean “The slide_type paramater is case sensitive”. Must I change an adjustment in my page, my fonction.php… ?

    Thank for your help.

    Cédric

    • Iqbal Jayadi

      Nope. It means that slide type “myslidetype” and “mySlideType” is different slidetype. Slide type is like an photo album, whereas the slide itself is the photo. You can manage photos to be displayed in corresponding slidetype. Hope it helps :)

  • http://www.becaneweb.net/ Cédric

    ok for the translation of “case sensitive” (my english is very bad, sorry !)
    The link of my working progress page is here
    The first picture (Dr. Reza BARAHENI) is ok but the slideshow don’t work. A idea ?

    Thank a lot for your help.

  • Todi Adiatmo

    @Cedric you activate other plugin : nivo slider which cause to load other jquery library. I think that was the problem, try to deactive the nivo slider

  • Todi Adiatmo

    @Junho oke let me try wordpress 3.0.1 first. Does the slide show in this page work on your chrome ? i’ll try to fix the problem but for now i can only suggest you to upgrade to 3.5.1

  • http://mediaworkers.org/working-for-less EKwon

    @todi I’m trying to get rid of the caption box altogether, and also get rid of the timer, but the changes to the settings form doesn’t seem to effect the visible slideshow.

    • Todi Adiatmo

      @EKwon okay, noted. i’ll try to fix it soon :)

  • http://fd Junho

    @todi I’ve tried 3.5.1 upgraded version, but still doesn’t work in chrome. and yes, it works in your page.
    probably my coding problem ? here is my website, please take a look. http://bit.ly/14ywkfL

    • Todi Adiatmo

      @junho i’ve look at your website and found the error :

      http://www.tonjoo.com/wp-content/uploads//2013/01/error.jpg

      The problem is technicaly speaking, one of your plugin or maybe your themes is unload the default jquery from wordpress and then load the jquery from google which is actually not allowed in wordpress. From the screenshoot you see that the jquery version in your site is 1.4.1 which is very old.

      the solution is : go to your website theme / plugin file, and remove the line :

      < ?php wp_deregister_script('jquery'); ?>

      the reference is here :
      http://codex.wordpress.org/Function_Reference/wp_deregister_script

      hope this help :)

  • Evelyn

    Hi, Todi+
    I found a file under…css/orbit-1.2.3.css (not css/orbit.css). Is the orbit-1.2.3.css the actual file I should be looking in to modify (hide) the thumbnails on the slider? If I’m looking in the correct css file, you said for me to look for “.orbit-bullets”. However, I do not see that exact item. I do see “ul.orbit-bullets” and “.orbit-bullets-wrapper”…So, which one of these is the correct one to modify to hide the thumbnails? Or do I modify both?
    Thank you, +E

  • http://fd Junho

    @Todi Thank you so much ~!!!!!

  • Thanos

    Hello, great plugin but i have a problem. I am creating a slideshow following the instructions but i only see a black screen instead of my photos.
    Here you can see the problem http://tinyurl.com/ad8zpt4
    Im getting also some errors from jquery.orbit js.
    Im struggling all day to fix it but with no results

  • http://hectorcervantes.ca Hector

    Hello, First this plugin is really awesome, second I have used it in a couple of website and is working fine, but in the last website I can’t change the time for the slide time, I already change the time and even the animation is not responding. Here is the link http://www.martyhomes.com.php53-13.ord1-1.websitetestlink.com/ thanks for any advice

  • http://kitchen-bar.gr/?page_id=1956&lang=EL Maria Triselioti

    I used the slider plugin and it’s been working fine. I was wondering though if you have a limitation on how many images they can be used in a slider. Eg. I uploaded to the same slide type 15 images and it showing up to 10 images.
    Is there a workaround?

    • Felipe

      to change the maximum number of slides you should change a value in the database
      you can find it in wp_option, posts_per_page, option_value
      it seems slide transform each image to post
      hope it helps you

      • Felipe

        or just change in settings – > reading -> post

  • http://book.leelooille.fr LeeLoo

    Hi ! The slideshow is great and work quite good ! Just one thing, when I save the options, nothing changes on my slideshow (image max-width : 900 not 650, small arrows, not showing the counter) : http://book.leelooille.fr/showpingdeal/

    In the admin, I have though the message “options saved”, and the parameters I entered are still there. Just can’t see them applied on the website :(

    Thanks for your help !

    LeeLoo

  • http://todiadiyatmo.com Todi Adiatmo

    @maria We haven’t try the slider for 15 images, but we do know that for 10++ there is a performance hit on the javascript.

    @leeLoo
    There is a bug when the option data was inserted into the database, this is sometimes happen and sometimes not

    We’ll try to fix both issues on next release which is planned in the middle of march

  • http://rvoneinc.com/ Pam

    I have 10 images in a slideshow, but it’s only showing 3. I have re-read all the instructions, but I can’t figure it out! Thanks for your help!

  • http://www.yousystem.it Gio

    Great plugin! I’ve 3 slider and all work! Now i want to add another picture, but when i select the image to load and then click the “use as featured image” nothing happen. What solution? thanks!

  • Babichan

    I don’t understand.
    1. I set SLIDE TYPE (and you say = ONE ALBUM) I say. Well. It’s uncomfortable for my usage but I can sacrify some time in creating it
    2. But. Then I “ADD TYPE” (which is a group of pictures) and I “SET FEATURED IMG”
    3. I take the code and I put it in one post. AND I SEE JUST ONE PIC!
    what’s the logic?
    - ONE ALBUM
    - ONE PIC
    Should I upload picXpic by “ADDING SLIDE?” I have more than 1.000 picture to upload. It’s clear that I cannot do it. So…I think that there is a problem in the way I upload the pictures..

    Need mooooooooore info.

  • http://todiadiyatmo.com Todi Adiatmo

    Hi Babichan,

    You need to have severals image to have same slide type, lets say

    image_1.jpg
    image_2.jpg
    image_3.jpg

    you must set all of the three pic to have same slide type

    Regarding the 1000 pic question, right now the only way to show the image on the slide show is by using the image uploader from wordpress, so yes you have to upload it manualy and create one slide for each image. We know this is not eficient, so we plan to make other way of combining image, it will be availble on next realase.

    we’re really apreciate your question, the tutorial we have right now is not perfect due to lack of manpower we have, we’ll try to update the tutorial with a better one on our next release :)

  • Sue

    Plugin is good potential but I am disappointed with the limit of only 10 slides. I have upgraded the plugin to .93 which I believed would resolve this issue but still can only see 10 of the 40 slides I need to display. Is there a work around or an alternative?

    • harisrozak

      Hi Sue, thanks for your message, our team is on hard working for the next release that will be ready soon, about later this month. There will be much improvement and bug fixed in the next release, and i hope your problem will disappear too in the next release. Thanks for using our plugin :)

  • Jur

    I’m guessing you’re Indonesian…? Malaysian here. :)

    Awesome job with the slideshow plugin. I’ll probably plan my next website design with this plugin in mind.

    It’s simple and attractive – congrats.

    • http://todiadiyatmo.com Todi Adiatmo

      Hi jur, terimakasih for your visit

      yeah, indonesian, yogyakarta to be excact

      glad you like it :)

  • Seph

    i have not been able to upload images…i have followed all the instructions and no images appear when i select them…it just goes back too the default blank image

  • http://www.buswebs.co.uk Karl Craig-West

    Thanks for creating a plugin that works perfectly. I’ve tried a bunch of other responsive slideshow solutions but none that is so simple and does what it says on the tin.
    Thanks again
    Karl

    • harisrozak

      Hi Karl!, thanks for your message, our team is on hard working for the next release that will be ready soon, about later this month. There will be much improvement and bug fixed in the next release, i hope you will try this release too. Thanks for using our plugin :)

  • Pepe

    It does not work due to incompatibility with jquery-1.9.0.min.js
    Is it possible a solution? I can not remove jquery-1.9.0.min.js, it is necessary for the web

  • http://enconstruccion Anyu

    Hi there I have problems to insert the slideshow into my custom theme, I had put the php line code and it doesn’t works, it only shows a black div with the loading’s gif and not more.

    Thanks very much for your help

  • http://www.UniversalSerenity.com/ Merlin Silk

    Hi,
    was so excited to find your plugin after trying to get something going with iframes, and nothing really worked.
    I think I followed your instructions to the letter but must still be doing something wrong. Slideshow shows only a black block and a busy loading icon.
    The page where I try this is
    http://www.drorloff.com/2012/09/11/see-the-outcome-before-the-surgery/
    I hope you can help me getting this working.
    Thanks,
    Merlin

    • http://todiadiyatmo.com Todi Adiatmo

      i send you an email, have you check it ?

  • Pingback: Week 2 Notes | Seattle Central Creative Academy

  • http://www.UniversalSerenity.com/ Merlin Silk

    hmmm, 2 weeks without an answer. Now I am disappointed, had so high hopes for this plugin :-(

    • http://todiadiyatmo.com Todi Adiatmo

      Hi,
      Check your email please :) you put a wrong email on the contact from… so we sent our reply to wrong address.

      Regards

    • harisrozak

      Hi Merlin Silk!, thanks for your message, our team is on hard working for the next release that will be ready soon, about later this month. There will be much improvement and bug fixed in the next release, and i hope your problem will disappear too in the next release. Thanks for using our plugin :)

  • jackie

    Ordering of images NOT WORKING. It’s just random order.

    • http://todiadiyatmo.com Todi Adiatmo

      Hi !
      We’ll try in our lab and tell you if there any bugfix

      Regards,
      Tonjoo

    • Iqbal Jayadi

      Hello Jackie, i already tested about order number of the images. The priority is:

      1. Slides with empty order number, shown from oldest publish date slides.

      2. slides with order number. If there are two or more slides with same order number, the older the publish date will shown first.

    • harisrozak

      Hi Jackie!, thanks for your message, our team is on hard working for the next release that will be ready soon, about later this month. There will be much improvement and bug fixed in the next release, and i hope your problem will disappear too in the next release. Thanks for using our plugin :)

  • madator

    Hello,

    Thank you for creating and sharing this plugin. I have a couple questions:

    1. I turned off Show Timer and Bullet Navigation options but they still show up on the frontend. Bug?

    2. I would like to delay the display of text (show them a little bit after the images are loaded). slide effect maybe? Is this kind of customization possible?

    Any help would be greatly appreciated.

    Thanks.
    Mag

    • Iqbal Jayadi

      1. Can I see the website you currently working on? I checked for WP v3.8 and 3.7.1 it works normally.

      2. For this version it’s not possible :)

    • maxrebo

      I also turned off Show Timer and Bullet Navigation options but they still show up on the frontend. The only way i could remove was to display:none Obviously not the greatest option but it works.

      My other issue i cannot resolve is the size of the image. there is an inline size of #homepagepjc {max-width: 650px;}

      i have added #homepagepjc {max-width: 1024px;} into my css but the page wont pick it up. where is this setting coming from?

      • harisrozak

        Hi Maxrebo, thanks for your message, our team is on hard working for the next release that will be ready soon, about later this month. There will be much improvement and bug fixed in the next release, and i hope your problem will disappear too in the next release. Thanks for using our plugin :)

  • larry

    hi. Would you know how to solve the sub menu issue in WP twenty twelve where it hides behind the slider. i tried z-index in container and vac but still is doing that. Any help is appreciated.

    • maxrebo

      I would also like to know how to solve the sub menu issue in WP twenty twelve where it hides behind the slider. Is there any help on this issue?

      • harisrozak

        Hi larry and maxrebo!
        That issue happened because “ul” with class=”sub-menu” just have 1 z-index, so you can change it to 9999 or more to solve this issue.

        However, there is upcoming update for this plugin with much of bug fix and improvement, so don’t miss it :)

        regards

  • Gilley

    Trying to get the slides to display correctly. The slides get cropped on my page and the text I have following the slideshow container is hidden behind the container. When I tried to change the height of the container and orbit img to 100%, it simply fits the image in the assigned container height.
    Here is the page

    http://www.montyvision.com/logos

    Image attached

    • harisrozak

      Hi Gilley!, thanks for your message, our team is on hard working for the next release that will be ready soon, about later this month. There will be much improvement and bug fixed in the next release, and i hope your problem will disappear too in the next release. Thanks for using our plugin :)

  • Eddie Prislac

    Using WordPress 3.8.1 and jQuery 1.9.11, cannot get the options to take (the options change in the database and show up properly in the setings, but nothing changes)

    • harisrozak

      Hello Eddie, how it looks when you use the default wordpress jQuery?

  • Joe

    Clicking the ‘set featured image’ button in order to select the image for my slide somehow breaks the wordpress application. I am taken to the ‘drag and drop/upload’ screen, but it is displayed outside the wordpress dashboard. Selecting the image does not send me back to the slide page in order to publish. Please help – client depends on it.

    Thank you
    Joe

    • harisrozak

      Hi Joe!, thanks for your message, our team is on hard working for the next release that will be ready soon, about later this month. There will be much improvement and bug fixed in the next release, and i hope your problem will disappear too in the next release. Thanks for using our plugin :)

  • cre8ed2cre8

    The fluidity is great…only problem I have is on the options menu: none of the customizations work. No change in skins…timing…navigation, etc. No matter what skin I choose or any other options I alter, it all looks the same. Ideas? Fixes? You can check it out at: i-am-her.org

    • harisrozak

      Hi, thanks for your message, our team is on hard working for the next release that will be ready soon, about later this month. There will be much improvement and bug fixed in the next release, and i hope your problem will disappear too in the next release. Thanks for using our plugin :)