capture_pcs

WP Parallax content slider plugin

Wordpress plugin

This plugin adds automatically a content slider of your last post where you want on your Wordpress blog or website.

Lire plus
image01

Wonderful design

This plugin is written upon the code of Manoella Ilic, you can see the simple JQuery and CSS version here.

Lire plus
image01

CSS animation

Transitions between slides are made using a powerfull combination of CSS3 and JQuery to display a beautiful parallax effect.

Lire plus
image01

Highly customizable

The plugin adds a administration section to set or customize various parameters like : Automatic switch mode, Transition duration, and more...

Lire plus
image01

Notice: Comments on this article are closed and I’ll now provide support only through GitHub. Feel free to ask for some help, send feature requests, declare issues and/or contribute to the plugin code with pull requests: https://github.com/jlethuau/wp-parallax-content-slider

Latest Update: (See the changelog on the wordpress official plugin page here)

On this page you will find ressources about the wordpress plugin wp-parallax-content-slider.

This plugin was written using this awesome jQuery and CSS script from Manoela Ilic.

You can see a demo of this parallax content slider a the top of this page, just after the page header.

Installation is quite simple. Once downloaded and added to your « wp-content/plugins » folder, you can activate the plugin in the « Extensions » section. Then, you will just have to put the following code where you want the slider to appear in your blog :

if ( function_exists( 'get_wp_parallax_content_slider' ) ) {
	get_wp_parallax_content_slider();
}

It is very easy to configure the plugin as it adds automatically an admin page in WordPress administration section. You will be able to configure :

  • The number of posts to display ;
  • The auto-switch mode ;
  • The time between each slide ;
  • The sort order of the posts to display ;
  • and more to come…

This plugin is still under development and I want to add a lot of features to it.

The plugin is available on the official WordPress Plugin repository. You will then be able to download the files on the plugin official page.

If you want to, you can contribute to this plugin development:

  • by joining me as a contributor ;
  • by making a donation via the button below.

This plugin is free and under GPLv2 license as most of WordPress plugins. Don’t hesitate to give me your feedback or to ask me for additional features sending me comments.

187 réflexions sur “ WP Parallax content slider plugin ”

  1. Bonjour
    Je vous félicite pour vos efforts puissant dans le développement de ce plugin et Je vais attendre les nouvelles mises à jour, qui je l’espère sera bientôt.
    Merci Julian

  2. The slider now displays the text beside the image GREAT…then on the second slide the text is under the image by 30px..nothing I do in the css changes this.

    HELP ASAP!!!

    So frustrating

  3. Bonjour
    Je tiens à vous remercier pour le merveilleux plugin
    Mais j’ai un petit problème, c’est quand je l’installe
    Reflète la direction du panneau de contrôle à gauche (j’ai un panneau de contrôle en arabe)
    S’il ya une solution
    Je vous serais très reconnaissant
    Merci

      1. OK, je vois mieux en effet. Ce que je ne vois pas par contre c’est la raison pour laquelle ce comportement survient sur un site en langue arabe et surtout à cause de l’installation du plugin :( Je vais essayer de me renseigner sur les langues et les sens de lectures et voir s’il y a des normes de codage à respecter que j’aurai pu oublier. Merci pour m’avoir remonté le problème !

  4. Hello,
    I have a list in one of my posts that is used on the slider.
    It totally breaks the slider, all of the text then from the posts shows up on every slide/page it displays.
    As soon as I remove the list (ul/li) it is good.
    Any fixes for this?

      1. Hi Donald,
        as I’ve said in a previous support thread, using « pages » in the slider is a bit experimental and this feature was added for some users who asked for it. The problem is that in this mode, the HTML content of the post is displayed in slides and there is no CSS to style every HTML elements (Only hx, p, a, …). Users who have to use this mode will have then to add styles to match their HTML content and add absolute positionning to the elements…
        It’s quite hard for me to do that since I can’t imagine the content users will add into their pages :(

        About the excerpt length, take a look at this: http://wordpress.org/support/topic/specifying-excerpt-length

        I’ll try to add this as an admin parameter in a future release!

  5. The slider will not work with lists (ul),
    it totally breaks it and the text then overlaps and shows on every slide.
    Any fixes for this?

    PS the Wp site domains are not pointed to the new site yet.
    Contact me direct for the actual ip if you like.
    Thx

  6. Do you have a way to make touch scrolling on the iPhone work? When I view my website on an iPhone. I cannot scroll the page up or down when I touch on the parallax content slider.

    1. Hi James,
      you can try the GitHub version.
      The support for tactile devices is better thanks to a new jQuery library.
      This version will soon be packaged and officially released on the WordPress.org plugin repository.
      Regards

  7. Hi

    I found this amazing plugin and it would be brilliant for my website. I installed it all correct and it semi works. I should mention I have put it on a custom page I made.

    It pulls the latest posts as it should but none of the styling appears or sliding effect. Instead they are just one of top of another in basic text with cat : | at the top.

    This image shows what I am talking about. http://oi33.tinypic.com/5368tl.jpg

    Looks like the css and js isn’t being linked too.

    Any help would be appreciated

    Thanks

    1. Hello Addy,
      try to download/redownload v0.9.4, that is a debug call I forgot in the code.
      I’ve fixed it after I released 0.9.4, but I didn’t change the version number.

      Tell me if that’s good for you!

  8. I’m looking for a posts content slider and have been very impressed with the WP Parallax Content Slider and have tried on this website I’ve created – for some strange reason I’m getting the following text ‘ cat : | ‘ appearing just above the slider. I’ve looked a Firebug to see where this text is coming from, as on the page itself there is only the shortcode for the slider. This is the code they give;

    cat : |

    Any ideas what may be causing that text to appear and how to get rid of it?

      1. Yes, version 0.9.4.

        I could, as a quick fix, adjust the CSS to move the slider up higher to go over the text, but no sure if that will work on all browsers.

  9. Excuse moi je viens de voir que tu était français ^^ » .
    Donc excellent plugin que j’ai bien commencé à personnaliser (toucher au CSS et au code) et donc j’ai un petit problème au niveau d’une image que je voudrais introduire comme « cadre » pour les articles dans le slider. Pour ce fait j’ai touché au z-index (crée une div avec un style et comme background mon image) mais sans succès. Le problème et toujours le même, mon image reste derrière et est visible que lors du mouvement. Donc une petite solution ne serai pas de refus ^^ .

    Et merci encor pour ce merveilleux plugin!

    1. Salut!
      Tu aurais un visuel pour illustrer ce que tu cherches a faire car je ne saisis pas très bien — il est tard ;)
      J’essaierai de regarder ça si t’arrives à me fournir ça.
      Bonne nuit et a+

      1. Hello,
        oui c’est possible mais requiert un gros refactoring du code et du CSS (surtout du CSS).
        Ce genre de modifs (styles) est je dois dire un peu en dehors de mes actions car vraiment dépendant des chartes graphiques.
        Du coup, je préfère ne pas tomber la dedans et laisser les gens qui veulent customiser le visuel le faire eux-même (et certains ont fait des choses étonnantes).

        En tout cas, oui, tout ce que tu veux faire est possible avec un peu de travail.

        PS : n’oublie pas qu’il faudra faire attention aux updates auto du plugin si tu modifie des fichiers CSS du plugin (ceux-ci seront effacés et remplacés). Veille a tout bien sauvegarder!

      2. Oui c’est tout ce qui touche à la charte graphique, que j’ai complètement customisé et que je maitrise bien.

        J’ai fait toutes les modifications au niveau du slider mais pour le cadre rien y fait. Je peux même mettre le z-index de mon cadre a 100000 ca ne change pas et ca me perturbe beaucoup.

        Je vais demande sur beaucoup d’autre site de l’aide pour réaliser mon idée mais si vous avez une piste un jour je suis preneur ^^ .

        Merci encore pour ce fabule plugin!!!!

  10. This plugin is really amazing.

    Easy to customize and very complete. So I have a question about the customization (I start well and I master it).
    I would like to introduce to the plugin, an image that is above the slider as a framework to make it more beautiful my slider.
    So for that I play on the z-index, but to no avail because it seems that the slides always have a z-index higher.

    For changes can you show me where I need to tweak?
    Thank you!

  11. Hi,
    Is it possible in current version 0.9.4 to use different sliders for different categories?
    I try with this code:

    but it doesn’t work (just can see yellow waves).
    thanks

  12. Hi,
    I LOVE this plugin!!

    Quick question,

    Is it possible to use the slider to display 3 different things in 3 different places?
    Display certain pages on Home Page, Display featured programs on another page on the same site.

    1. Hello Mizpage,
      not yet, but i’ll add the possibility to choose the post_type in the shortcode in a future release.
      in v0.9.4, the only thing you can do is display different posts from different categories via the shortcode cat parameter.

  13. If I wanted to change the height and width of the slider…where would I do that? Is that even possible yet?

    Thanks and this is a great plugin by the way!!!

      1. Thanks. I started playing around with the CSS but I can’t find where the button’s CSS is located for some reason.

        Can you show me where?

        Thanks!

  14. Hi,

    when is install the paralax slider (great plugin) i noticed the following debug warnings.
    Error trapped: USER NOTICE(1024), wp_enqueue_script was called incorrectly. Scripts and styles should not be registered or enqueued until the wp_enqueue_scripts, admin_enqueue_scripts, or init hooks. Please see Debugging in WordPress for more information. (This message was added in version 3.3.)
    C:\wamp\www\bloemen\wp-includes\functions.php[2959]
    C:\wamp\www\bloemen\wp-includes\functions.wp-scripts.php[130]
    C:\wamp\www\bloemen\wp-content\plugins\wp-parallax-content-slider\wp-parallax-content-slider.php[21]
    C:\wamp\www\bloemen\wp-content\plugins\wp-parallax-content-slider\wp-parallax-content-slider.php[707]
    C:\wamp\www\bloemen\wp-settings.php[195]
    C:\wamp\www\bloemen\wp-config.php[90]
    C:\wamp\www\bloemen\wp-load.php[29]
    C:\wamp\www\bloemen\wp-admin\admin.php[30]
    C:\wamp\www\bloemen\wp-admin\plugins.php[10]

    Disabling the plugin removed this error.

    Br,
    Dirk

  15. Hello Julien,

    My name is Hugo and I’m from Brazil, had already used the wordpress plugin sometimes for their own use, but so helpful, I thought about using a site for a client, but realized that the customer has no way (that is beginner) add images, titles, description and link in the wordpress admin itself.

    Is there any solution for this?

    I appreciate the attention.

    1. Hello Hugo,
      If you can wait a few days, next release, v1.0 will include a new feature.
      You’ll be able to define your slides in the admin panel thanks to a new custom post type called « Parallax slides ».

      Another way to allow the user to define his own slides is to add posts, from a certain category (eg. « Parallax slides ») and then to tell the slider to query only posts from this category in dynamic mode. You’ll have to exclude this category from the blog in your theme.

  16. Hello Julien,

    First of all great plugin thanks a lot for it and as well for the tutorial.
    I have a question about the settings:
    The thumbnails of the post does not appears in the slide, only the default one. I have many images added via url and as well some upload directly on the blog, Do you have any suggestion to helpme to have the pics of each post showed on the slider?

    Thanks in advance
    Linda

    1. Ola Linda,
      if the thumbnail you talk about is the featured image of the post, the default image should not appear :(
      Can you confirm me that you use the « featured image »?
      Whatever the images you’ll add inside the post (in the content textarea), they are not used in the slider.

  17. Everything was fine – until this last upgrade. Now I can’t configure the plugin. Each time, it produces the error « Incorrect first slide number », and I do not see where in the configuration interface one might adjust the settings so that this error does not occur. Can you advise?

    1. Hi Gene,
      can you tell me which value you see in the « first slide » input in static mode?
      You can also try to activate, then reactivate the plugin!

  18. Hi Julien,

    Great plugin. Is there a way to use this with translated pages – my website needs the homepage in different languages, and therefore the sliders need to come from different posts on the translated pages.

    Basically it seems like I need to create multiple parallax sliders. Is that possible?

    Philip

    1. HEllo Philip,
      I’ve recently packaged a v0.9.3, not released yet, but available on the developper repository : http://downloads.wordpress.org/plugin/wp-parallax-content-slider.zip
      I’ve fixed some issues about internationalization, especially for plugin like WPML.
      If you use a plugin to manage translations, post queries are now filtered by language.

      Can you try to install this DEV version and tell me if it works for you?

      (Backup your database first since I’ve refactored the code to manage options in the database with an array for optimization purposes)

  19. Hello,
    This slider is a great thing and I am just about to make it match for my needs :) .
    But I have 2 questions:
    1. What exactly do I have to change so I can change the % or Pixel the image in the slider moves?
    So for example I have inserted my own background into the slider and want it (the background) to move only 30% or 30 Pixel to the left. And I want to change this for every of the 4 animations. What do I need to change in the style.css?
    2. I have planned to do a Navigation, including 4 links: Home, News, About us, Contact us
    Now I want each link to have the same function as the radio buttons. How could I do this?

    Thank You very much for all answers and sorry for the effort.

    1. Hello Matthias,
      1) there is a parameter in the admin panel to define this thing (« background increment pixel size »). This is not what you want?
      2) It’s a little bit tricky here. You’ll have to refactor the plugin code since it works thanks to radio-buttons states to define which slide must be displayed…
      Regards ;)

  20. Great plugin which we are using on our cancer news site. However, one issue seems to be a problem. The plugin is set to post only from a certain category, which it does but ONLY if I manually clear the WP SuperCache whenever the post is supposed to be published. OTherwise, although the post is published on the site, it does not appear in the slider. The WP SuperCache does not appear to affect anything else in terms of allowing new content to be seen, so I am assuming it is some quirk. Would appreciate feedback since WP Super Cache is widely used.
    Thanks.

    1. I Steve,
      future release will change the way posts are queried in the DB, maybe this will fix your bug.
      I’ll try to test it with the cache plugin.

  21. Bonjour Julien, je ne comprend pas ou copier votre code, vous avez dit
    Le code ci-dessous doit être inséré dans le code WordPress, à l’endroit où vous souhaitez faire apparaître le parallax content slider :

    if ( function_exists( ‘get_wp_parallax_content_slider’ ) ) { get_wp_parallax_content_slider(); }

    Mais ou ce trouve le code wordpress? désolé je suis encore peu familier avec tout ceci.

    En vous remerciant

    1. Bonjour Robin,
      il y a en gros 2 façon « d’appeler » un plugin de ce genre.
      Soit en copiant du code PHP en le placant directement dans un fihier PHP du thème WordPress utilisé sur votre site.
      Soit en insérant un shortcode « [shortcode] » dans l’éditeur WYSIWYG de WordPress sur une page ou une article.

      L’intérêt de la première solution est qu’on à plus de choix et de possibilités sur l’emplacement du slider (ex. dans le header, qui n’est pas une page, donc n’est pas modifiable via l’éditeur WYSIWYG de wp-admin). Par contre, il faut connaître un minimum PHP et HTML pour comprendre ce que l’on fait :)

      Pour deuxième, c’est l’inverse au niveau des avantages/inconvénients :D

      NB : WordPress permet de modifier les fichiers PHP depuis le back wp-admin (Manu Apparence > Editeur) sans avoir recours à un éditeur + Client FTP.

  22. Hi Maverick,
    i really like your WP Parallax Content Slider-Plugin for WP, but there is one thing i can’t figure out to get it work. I want the image of each post in in the back of the slider, and in front of it a pattern which is moving. Simply adding a div or an image to the Slide output is not workin, cause it breaks the animation…
    Could you give me an advice, what i have to do?

    Regards Beni

    1. Hello Hanz,
      As its explained in the FAQ

      Static slides are defined in a php file but I’ve planned to add a feature in the admin panel to create and manage them easier.

  23. Hi Julien, yes, I’m facing the same problem.

    I just returned from the link you provided but I don’t understand the method to resolve it. Am I to add some code somewhere? I’m confused. Sorry. :-(

  24. Hi, I love your plugin but I’m having trouble placing it exactly where on the page I’d like it to display. Wherever I insert the shortcode, the slider ends up appearing at the top of the page « content ». I’d like for it to appear at the end of the page’s content. Any suggestions?

  25. Julien Darling!

    This is an amazing plugin with great potential!! You are giving small businesses the very same quality that fancy websites get!!

    Thank you from the bottom of my heart for this FANTASTIC! plugin. However, I wanted to know, currently, is editing static-slides-sample.php the only way I can generate static html?

    Could we ever in the future get a page selector for static html? (like post category selector) . You have created an awesome plugin btw :)

    1. Hi Ryan,
      That’s weird, I don’t know why this happens on your site :( What is yout theme?
      For the title length, you can set the max-length in the admin panel, if this is not the problem, it’s the CSS.
      Have a look on my answer to Khalistoo, it should help you to customize your display.
      Regards ;)

  26. Hi there, I was wondering if it was possible to increase the length of the text in the static mode ? I am looking all over the place but i can’t find it. Unless it is in the js pages which i haven’t looked at.

    Thanks for the help and brillant plugin

    1. Yes Khalistoo,
      in style.css, you can adapt this style :

      .da-slide h2 {
      color: #fff;
      font-size: 66px;
      width: 80%;
      top: 60px;
      white-space: nowrap;
      z-index: 10;
      text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
      font-family: 'Economica', Arial, sans-serif;
      font-weight: 700;
      text-overflow: ellipsis;
      overflow: hidden;
      }

      Play with the overflow, and white-space properties to fit your needs ;)

  27. hi and congrats for the a great plugin, do you have any news about how to use it with custom post types, im using the « openhouse » theme from themeforest.

    regards

    1. Hi Ricardo,
      I’m adding this feature, v0.9.2 will integrate a new parameters to choose which post types have to be displayed in the slider.
      It supposes that all custom post types have at least one title, one description and one thumbnail…

  28. I don’t know where I am supposed to put the code on the page…
    When I put it in the text editor…it just shows up as text…
    Thanks much appreciated.
    Emma

    1. Hi Emma,
      it depends on where you want to see the slider.
      When you see the text you’ve pasted, it generally means that this code is not evaluated by wordpress.
      Do you use the shortcode mode or the PHP snippet?

  29. Hi Julien

    As I only wanted the slider to appear on the homepage, but below the content I added:
    if ( is_front_page ( ‘get_wp_parallax_content_slider’ ) ) {get_wp_parallax_content_slider(); } ;

    To content-page.php (Twenty Twelve theme) at the bottom of the .entry-content div.

    Whilst this isn’t a fix, it works for me and my requirements. Whilst looking for a full resolution I came across this post and corresponding links http://wordpress.org/support/topic/shortcode-output-always-appearing-at-top-of-page-content . It may hold the answer.

  30. Hi Matthew, can you tell me how you’ve fixed things on the wordpress support thread? I think some code was blocked by wordpress in your previous comment :(

  31. Hey,

    Is there a way to use custom post types in the slider instead of the normal post-type? I guess it is just one line of code, but probably you can help me out :) Or maybe, it is even possible for this slide to recogknize all custom post types/categories like the nivo slider does? Hope you can help me out!

    1. Hi Astrid,
      I think you’ll have to deal with the plugin code in wp-parallax-content-slider.php on line 105,
      you’ll have to adapt the following line :
      $args = array( ‘post_type’ => array(‘post’),
      to this
      $args = array( ‘post_type’ => array(‘post’,'xxx’),

      I don’t know how custom types work but I guess you should find the xxx correct value to make things work!

      Let me know, adding custom types can be an interesting feature for the next version!!!

  32. Bon soir Julien

    I’ve implemented your plugin on a site I’m building for a local school and am using the shortcode on the homepage. The problem I have is that the slider appears above the content, not where I position the short code. (http://www.blackshawcpschool.co.uk)

    Can you help me achieve the correct positioning of the slider in relation to the positioning of the short code.

    Merci, Matthew.

  33. Hello Julien

    I really liked your plugin. I wish there sould be an option to include/link the Pages too in the slider instead of just having the posts & their Category option.
    Can you help me get the slider have Pages too ?

    Regards
    Renu

    1. Hello Renu,
      in wp-parallax-content-slider.php on line 105,
      try to change the following line :
      $args = array( 'post_type' => array('post'),
      to this
      $args = array( 'post_type' => array('post','page'),
      and tell me what it does :)

  34. WHAT A WONDERFUL PLUGIN! Thank you for creating this…Question: is there a place you could email me a link that I could look at more examples of sites using your plugin to see different ways it is being utilized? Merci!! Ellis

  35. Hello, et merci pour ce plugin..
    Happy new Year 20133 !

    but, then there is a bug inside the link « read more » which, as in your site linked to the same and one page (for me, the featured page … ?)
    for you : http://jltweb.info/realisations/wp-parallax-content-plugin/ .. !!

    1 – when re-tested: i click on the end of the excerpt ( {…} a read more like) i ‘ve been sent to the right post.
    2 – then strangely the « read more » keeps this link and no other (??) .. it means the link is not taken from the right variable..

    thanks for any advices !

    1. Hi Akoz,
      do you use the latest version (v0.9)?
      You’re right, I was using the wrong variable to create the « read more » link but now it should be fixed!

  36. Hi I’m new to wordpress and have installed your slider.
    I seem to be having difficulty in making the images appear. The title of the post appears on the sliders but theirs a ‘default’ image of photos that appear instead of the one in the post.
    I’ve also tried catagorising the posts as ‘slider’ and choosing that in the preference pane.

    I’m obviously missing something, can you help please?

  37. Hello,

    Thanks for this nice slider. I want to use as static HTML content. However, I cannot locate static-slides-sample.php. Where is this file found? It does not show in my editor.

    Thank you.

    Mike

    1. Hello Nur Hossain,
      in the admin panel, there is a checkbox to enable or disable the auto switch mode. If the slider doesn’t switch, there must be a javascript problem with your installation.

  38. I love how this content slider looks and feels and I was able to install it without any probems. However, I now have a yellow banner with images and I don’t see a way to remove it. And here is what else is missing in the plugin:

    1. Choose between: theme / custom background / no background
    2. Set H2 size, color, and font (so we don’t have to hack CSS everytime it’s updated)
    3. Remove « Read More » button (checkbox check in settings)
    4. Display everthing that’s in the post (including bulleted lists, photos and/or videos).

    We need the sliding banner to display our promos, which include some text , a photo or a video). So we were expecting that we can put all banner content in the post and it will show up in the banner. We want each banner to link to other pages on the website, not the posts themselves.

    Too bad, cause I would have really loved to use this slider for our website.

  39. Hi Julien,

    Thanks for reat plugin!
    I want to use Japanese in this posts slider, but this plugin does not support multibyte character.

    please use ‘mb_substr’.
    line 202 in wp-parallax-content-slider.php

  40. Gorgeous plugin!
    I noticed slide-title (h2) and slide-text (p) were pushed downwards while integrating your plugin into the « Responsive Theme » from Emil Uzelac (the problem could arise with many other themes too).
    Investigation showed: The « Responsive Theme » defines a top-margin for « h2″. The « style.css » of your plugin does not specify a margin within the rule « .da-slide h2,
    .da-slide p, … ». Lacking a specification for the « .da-slide h2″ margin let the browser fallback to the « h2″ rule of the theme. And the bigger the margin there is, the more are title and text pushed downwards.
    I noticed only positive and no negative effects after adding the marign:0px specification within style.css of your plugin:
    .da-slide h2,
    .da-slide p,
    .da-slide .da-link,
    .da-slide .da-img{
    margin-top: 0px;
    position: absolute;

  41. Hi Julien,

    2) I have a post which contains <h2> and <a> tags, but when the element is inspected in the slider the formatting has been removed and all the text sits within one set of tags.

    Also:

    3) Is there an easy way to reposition the image and the text? I tried moving the image to the left and the text to the right using CSS, but as soon as the animation starts they revert to right and left again.

    Thanks again!

    1. Brett,
      I understand now. So the problem here is the wordpress the_excerpt() function. It is explained in the codex, « HTML tags and graphics are stripped from the excerpt’s content »…

      When there is no excerpt, this function retrieve the post content.

      The problem can be resolved by inserting a content in the appropriate field « excerpt », without HTML formatting in the back-office.

      For the problem number 3), everything is possible with CSS but the problem here is you’ll have to change also all the animations. As soon as an animation begins, even if you’ve moved the images and textes, their positions are re-evaluated and that’s the reason why you see this reverted effect… So basically, I think you have to re-think the CSS entirely :( Sorry

  42. Hi Julien, could I get a reply to this please:

    Great plugin, Julien! Couple of things:
    1) Settings > WP Parallax… > Dynamic Mode Display Options > Categories – there’s an array string (« array (2) { [0]=>… ») floating over/under the Option box. (I’m using Chrome on Win XP sp3, btw.)
    2) The Slider strips out the HTML from the Post. I’m using a specific Post Category just for Slides. Can the HTML not be removed from the post, or could HTML removal at least be an option?
    Thanks!

    1. Hi Brett,
      Sorry, I had began to reply to the older comment but I never finished my answer :o
      1) OK, fixed in v0.8
      2) What do you mean by « strips out » and HTML removal? I don’t think I understand well your problem here :(

      Do you mean that if you display the slider on a post page, the HTML content appears only in the slide and is removed from the post?

    1. Hello Rebecca,
      what do you mean?
      Do you want to remove the sliding effect to only keep a fading effect for the texts?

      There is already a fading effect (opacity from 1 to 0) applied to the texts, links and images.
      See CSS animations « toRightAnimX » and « toLeftAnimX » in style.css

      Tell me more ;)

  43. Hi,

    Thanks for the great plugin. I really appreciate the awesome work.

    I found a bug in the plugin that I thought I would point out to you. Your modernizr.custom.28468.js is using a version of html5shiv that breaks Cufon Replace on Windows XP IE8 and I think IE7 as well. It will show doubles of any text using Cufon. It was an easy fix. You just replace modernizr.custom.28468.js with updated version at the link below and the issue is resolved.

    http://scripts.whitesharkcreations.com/modernizr-2.5.3.min.js

    Please let me know if you have any questions.

    Shawn

    1. Hi Shawn,
      v0.8 will be launched during the week and i’ll integrate this.
      Thanks a lot for your help!
      Please tell me if you still see a problem with this new version.

      Regards,
      Julien

  44. Great plugin, Julien! Couple of things:

    1) Settings > WP Parallax… > Dynamic Mode Display Options > Categories – there’s an array string (« array (2) { [0]=>… ») floating over/under the Option box. (I’m using Chrome on Win XP sp3, btw.)

    2) The Slider strips out the HTML from the Post. I’m using a specific Post Category just for Slides. Can the HTML not be removed from the post, or could HTML removal at least be an option?

    Thanks!

    PS: @_ndiro – have you tried the Shortcode Exec PHP plugin?

    1. Hi,
      sorry Siddharth, slider size is not something you can modify easily in the admin panel.
      The only way to fit your needs is to edit the CSS.
      Be careful, the hard thing to do here is that if you change sizes, you’ll have to adapt CSS animations and transformations too…

  45. I tried as well to insert it in header.php and it`s still not working. So what next?
    Maybe, since I`m very beginner, I don’t know how to insert it, or where precisely…do I just paste code inside of a div (and which one?) or I have to create a new one?

    1. Hi Jelena,
      obviously there is a problem with the cslider javascript file I use for my slider.
      I’ll fix this ASAP.

      With the showcase theme, the slider appears but doesn’t slide. functions.php is not a file where you can put the plugin code. You must put the code in a template file. For a test, I’ve inserted it at the end of header.php and it works.

  46. ok, now I really need your help :/ I tried ti add code into functions.php and this is what I got
    Fatal error: Call to a member function get_parallax_content_slider() on a non-object in /home/mydiv/public_html/wp-content/plugins/wp-parallax-content-slider/wp-parallax-content-slider.php on line 568
    and now my site is down :(

  47. Hi there, I’m also new in WP editing. My WP theme is Showcase, and I would like to add your slider to homepage. I have tried by simple pasting code in appearance>editor>homepage.php but it shows up just as code on page itself.
    I would actually like to replace mantle with your slider.
    Can you please help me?
    Thanks!!!!!!

  48. Hi, I’m trying to add your great slider to a WordPress website (www.editorialserendipity.com). I add the bit of code you mention in the home page, as this is where I want the slider to go, but all I get is the code displayed in the same way it’s written. I don’t understand what I’m doing wrrong, could you please help me out with this? Thanks very much.

    1. Hello Pabs,
      you have to insert the code via the PHP Editor in WordPress (Appearance / Editor) or by editing directly the PHP file with an extrnal text editor (eg. notepad).
      I won’t work if you add the code in the Page or Article dashboard.

  49. It seems as though the category option is not working. It does not matter which categories I choose, the same first 5 show up always.

    I am going to look in your code and see if I can find a patch, but if anyone has anything to share in regards to this, please let me know.

  50. Bonjour,

    un grand merci pour ce slider ! Du très bon travail !

    J’ai un peu galéré pour faire marcher le plug-in (le slider faisait n’importe quoi, les textes n’apparaissaient pas, les transitions étaient incohérentes, … ) après de longues recherche j’ai réussi à trouver ce qui posait problème, j’ai d’abord pensé à une incompatibilité CSS ou JQuery mais c’est une ligne un peu incompréhensible du thème quej ‘avais sur mon wordpress qu’il fallait supprimer :

    Voilà j’espère que ça aidera quelqu’un …. et encore merci au dev’ pour cet excellent taf !

    1. Salut,
      en effet, j’ai eu vent de ce genre de problème par d’autres utilisateurs, qui utilisaient aussi des thèmes contenant des erreurs ou causant des incompatibilités dans les librairies.
      Merci pour le commentaire :)

  51. Hi Julien,

    I was wondering, is there a way to change the jquery reference to a local file rather than jquery.org or google.com? In google chrome, the slider’s outside reference to jquery is blocked and so it doesn’t display, at http://www.ffcu.org.

    Any tips on how to do this?

    Bret

  52. Julien,
    First off thank you for providing a great free plugin, really top notch. I’ve been making a few modifications for a client of mine and was wondering if you would be interested. Basically just adding support for defining the slide titles, description, url, and image through the settings page. While it is far from ideal as there are a set number of pages as opposed to using an array, it may bridge a gap until more robust features can be added.

    Regards,
    Larry

  53. Bonjour,
    Comment est-il possible de l’intégrer au code HTML d’un site sous Blogger et non WordPress ?
    Merci d’avance
    Arosmik

    1. Bonjour, je ne connais pas suffisamment Blogger pour pouvoir répondre. A ma connaissance, du moins il y a quelques années, le système n’était pas très ouvert ni customisable :( Peut-être que ça a évolué !

  54. En fait je voudrais pouvoir afficher différents slider en fonction des pages mais je ne vois pas où je dois inclure le include(‘static-slides-customized.php’); pour arriver à se résultat. Si tu pouvais m’aider je t’en serait très reconnaissant.

    Merci

    1. Hello, ça se complique :) C’est du tuning à ce niveau là !
      Déjà, est-ce que le slider sera inclus dans des pages ? dans des posts ? sur toutes les pages (ex. header.php) ? Comment souhaites-tu choisir quels slides apparaissent sur quelle page ?

      Il faudra de toute façon trouver la bonne condition, le bon test à réaliser pour modifier le code qui fait l’inclusion des slides statiques.

      En fonction des précisions je pourrai peut-être t’aider mais il me faut le besoin exact ! A+

  55. Salut Julien,

    Super travail. Ce plugin est parfait. Cependant je rencontre un problème. Sur les slides statiques je souhaite afficher un texte différent. Où dois je mettre include(‘static-slides-customized.php’); dans la ligne de code afin de faire fonctionner les modifications que j’ai apportées sur cette nouvelle page ?

    Merci

    1. Hi all!

      @VBK: new v0.5.1 should fix the problem. About the other subject, responsive for mobile devices is on my roadmap but I don’t think I’ll have time to do it before september :( Be carfeul to backup your *.css and static-slides.php files if you update the plugin automatically!

      @Hakan: Next version will be about background and images customization. Because of the holidays I won’t be able to work on this plugin before september :(

  56. Activated the plugin on my localhost and looks excellent. Tried on Mobile devices and I can see that this is not responsive style

    May I know if your future updates support the mobile devices?

    Thanks !

  57. Hello Julien,

    We are waiting for the new release to use it on our blogs. When do you plan to deliver it please? Thank you a lot for your help.

  58. Hey,

    juste pour dire merci, je ne savais pas que quelqu’un avait adapté ce slider pour wordpress !
    Je verrais pour l’implémenter dans un de mes projets, et je tâcherais de revenir ici pour donner mes impressions.

    Bonne continuation ;)

  59. Hi, Julien!
    Nice work, but one big problem: this slider not working in Opera 12.0. Stops on second slide and do not move anymore.
    If you find a solution, please, let me know about that on email.

    Alex,
    from Russia with love.

  60. Julien,

    I know you’ve basically wrapped the stuff from codrops in a simple plugin wrapper, but there are a number of opportunities for using our code to expand the range of possibilities:

    1) Multiple background images, each with an independent amount of motion for each layer, configured from the option page
    2) Configurable foreground animation
    3) Custom post type for slides, instead of static slides. Bonus points for a mechanism to expand the number of slide elements (say add a second image that fades in towards the end of the animation)

    Adam

    1. Hello Adam,
      adding all these features would be great but it’s hard to find the time to develop the plugin.
      Dou you want to help me? :D

    1. Hi,
      sure, you can adapt the stylesheet and add @font-faces to it.
      You’ll then be able to call specific fonts.
      I don’t know how the typekit library works but in google fonts, you can automatically generate the CSS code to paste in the stylesheet.

      Just be careful, if you change something in the stylesheet, keep in mind that an automatic update will replace the file. So the best way I think, is to create another custom stylesheet and import it in the plugin CSS file.

      Good luck ;)

  61. Hi Cecilia,
    is there an URL where I can see the problem? Since the slides use absolute positionning, I think it’s up to you to adapt the CSS. If a box is over another, you can play with the z-index attribute to change the layers order… Unfortunately, I can’t tell you more because I don’t know what you’ve done to customize the slides :(

  62. Hello,

    I love the slider! The problem I have is that the text from the post is behind the heading! How do I fix this? Thanks!!

  63. Hi, I love this, I first found it on http://tympanus.net/ but couldn’t make it to integrate with my blog. I was so excited to discover it comes as plug-in for Word press. However, I would want to be able to completely customise it, images, icons, background, etc. How to do that, I don’t see an option for it in the admin panel? Also it would be much, much better if text, links, images are all customisable from within the admin panel. If you do this I would gladly pay to get such version.
    Thank you

    1. Hi Diyan, complete customization is currently under development but as other features, asked in other comments, You will have to wait a little bit :( I’m really busy right now and that’s hard for me to work on the plugin. Regards ;)

  64. Bonjour Julien,
    Merci pour le plugin.
    Cependant je voudrais savoir si c’est possible d’ajouter du texte sur une photo personnalisee? J’ai deja cree mon slideshow dans le header avec les images mais je voudrais maintenant y ajouter du texte, est ce possible avec ce plugin?
    Merci

    1. Bonjour Clelia, le plugin ne le permet pas en l’état ! Il faut soit modifier le template HTML d’un slide, et donc modifier le plugin lui même… En mode statique, tout est faisable, les slides peuvent même être tous différents, mais là aussi, il faut maitriser un minimum CSS et HTML ! Bon courage ;)

  65. Très bon plugin, ca manquait à WordPress. J’attends avec une grande impatience l’implantation des filtres par catégories et la personnalisation des images. Ma suggestion serait d’ajouter un onglet dans l’admin panel à la manière du plugin « Custom Post Widget »(http://wordpress.org/extend/plugins/custom-post-widget/), du coup plus besoin d’attribuer une catégorie. Après n’étant pas dev je n’ai aucune idée de la quantité de travail que ca demande.

    Un grand merci pour votre plugin que je vais suivre de très près et bon courage pour la prochaine mise à jour ;)

    1. Merci pour les encouragements !!! C’est en cours tout ça :) faut juste que je trouve un peu de temps pour finaliser une version stable et la mettre en ligne :)

    1. Hello Tyler,
      it’s up to you! On this website, I’ve put the code in the ‘header.php’ file. With a condition, you can decide to display it only on a specific page…

      if ( is_page(xxx) )
      {
      if ( function_exists( 'get_wp_parallax_content_slider' ) ) { get_wp_parallax_content_slider(); }
      }

      You can learn how to use the is_page() function here.

      I hope this could help you. An idea for a next version would be to add a parameter to chose automatically where to display the slider, without code modification. If it’s possible to do that, I will add the feature.

  66. Bonjour,
    Tout d’abord, merci pour ce petit plugin bien sympathique. Beau boulot réalisé jusqu’à présent!

    Mes petites remarques:
    – Lorsque tu affiches la fonction get_the_excerpt(), il place le tag à la fin (traduit par un Continue reading ou autre…) ce qui est redondant avec ton bouton « Read more ». Je pense qu’en utilisant the_excerpt() à la place tu te débarrasserais de cette répétition.
    – Pour les featured images des posts, j’ai codé ça rapidement:
    if ( has_post_thumbnail() ){
    $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), ‘medium’ );
    $url = $thumb[‘0′];
    $default_slide_image = $url;
    }
    else{ $default_slide_image = $plugin_abs_path. »/images/default.png »; }
    Par contre, les images en « medium » font 300*300 par défaut, il faut donc adapter le css ou configurer dans settings/media à 256*256.

    J’espère que ce petit feedback te sera utile, je suivrais de toute façon ton plugin souhaitant l’utiliser pour un site en cours de réalisation.

    Bonne continuation.

    1. Merci beaucoup pour ces remarques !
      Je vais m’y remettre rapidement, j’intégrerai tout ça aux autres évolutions déjà prévues.

  67. I am wondering if it’s possible to only show posts in this slider that are in a pre defined category. For example I only want posts displayed that are in a category ‘kittens’ is this possible?

    Very nice plugin btw love it. I think it can only get better!

    Kind regards,

    Tim Wolf

    1. Hi Tim,
      that’s a feature I will add in a next version of the plugin!
      In the dynamic mode, I will add several filters (categories, tags, etc.)

  68. Please forgive me if I have missed something in the documentation. I do not see how to get the slider to change out the images from what you have in your demo to the images that I would want in the slider. I would love to have it so that I could define my image with my post. I really am impressed with how this slider seems to perform in your demo but can’t seem to figure out how to use it.

    1. Hi Jennifer,
      No, you’ve not missed anything in the documentation.

      Picture customization is a feature not yet implemented in v0.4. I have just began to work on the subject.
      In the next version of the plugin, the slides will display an image from the post (post-thumbnail).
      User will be able to define a default image for the posts without thumbnail.

      All you can do for the moment is changing a line of code in the plugin PHP file.
      You can change this code:


      $outputDynamic .= $this->get_article_slide( get_the_title(),
      get_the_excerpt(),
      get_permalink(),
      $default_slide_image,
      $prlx_title_max_chars)."\n";

      By this one:


      $outputDynamic .= $this->get_article_slide( get_the_title(),
      get_the_excerpt(),
      get_permalink(),
      wp_get_attachment_url( get_post_thumbnail_id()), // $default_slide_image,
      $prlx_title_max_chars)."\n";

      You will then be able to display a dynamic image.

  69. You should probably make it so the updates don’t override everything…. I spent hours making an entire static content slider customized to my site and the update not only reset all the css, but deleted all my images.

    I like the plugin, but that is very frustrating.

    1. Hi Kyle, I hope you’ve found a way to recover your code :S That’s indeed a true problem and I will try to figure it out for the next version. Maybe adding a form to edit the static content in the admin panel, and then store it in the database could be the best solution. Regards!

  70. Bonjour,
    Je ne suis pas très expert dans WordPress, ce qui explique sans doute ma difficulté à comprendre mais j’essaye de faire fonctionner et ça ne va pas comme je voudrai. Sur la dernière version WP, j’ai installé et activé le plugin.
    Je ne comprends pas comment l’intégrer pour une page précise, j’arrive juste à l’afficher en intégrant à la fin du Head.
    Et puis il n’y a pas d’interface pour gérer les slides. Juste l’interface dans « settings » mais là, pas moyen de modifier les legendes.
    Ca se passe comment ? Changer les visuels par ftp, Ok, mais l’ordre et les légendes.. à moins que ce soit via Phpmy admin ? c’est ça ou bien il y a une interface qui ne s’affiche pas ? Merci. j’espère bien arriver à quelque chose, c’est un super plugin sinon !

    1. Bonjour Jeff !
      Vos soucis ne sont pas dus à votre expertise de WordPress :)
      Ce plugin est encore en développement et dans les sources v0.2 il n’y a moyen d’afficher que du texte statique. J’ai un v0.3 prête à mettre en ligne qui se base sur le contenu des n derniers articles, je vais la mettre en ligne lundi.

      Le images seront les photos à la une des articles, mais je compte aussi faire en sorte de laisser la possibilité d’afficher des slides statiques, qui ne présenteraient pas des articles.

      En attendant, si vous connaissez PHP/HTML, vous pouvez modifier le code des diapos directement dans le fichier wp-parallax-content-slider.php.

      Je mets cet article à jour dès que j’ai pu finir mes modifications.

      Merci pour votre intérêt et n’hésitez pas à me faire des remarques ou des suggestions !

Les commentaires sont fermés.

Portfolio, C.V. en ligne, Graphisme, Vidéos, musique et Web