Iphone icon set: Get more than 15000 icons FREE!

You accept to be included in our newsletter (We only send amazing freebies like this, no ads or crap, promise! )

Tweet about us and say thanks in comments ;)

Amazing freebies every week in your e-mail, don't miss the next ones with our newsletter, Sign up now.

Tweet about us and say thanks in comments ;)

jQuery Slider Shock: The Most Complete Slider

Comments and suggestions in here

Hi everyone. We are proud to present our latest product : jQuery Slider Shock. A fully responsive slider and the most complete over the web right now. Available for you to download it as a jQuery code to use it wherever you need, or as a plugin for the most used CMS: WordPress. We wanted to make something that could take advantage of all the power that the jQuery code has to offer and this is the result. Take a look into this post and the features that our slider has to offer.
Do you want to build your own Slider? Sure, you can do it!. Look at the controls available to do so.

You can test these features in the jQuery slider shock demo site and clicking on the option Build your own. You will see that basically the slider can fit everywhere!. But that is not all, the Slider comes with some good features we cheer you to read below:

  • You can easily add thumbnails on any of the sides of the slider ( top, bottom, left, right ) allowing users to navigate easily between slides.
  • jQuery Slider Shock supports not only images but also allows you to show Videos from YouTube playlists, RSS Feeds, Twitter Feeds, Flickr and Instagram images from an account.
  • You can create an slider from each of the following sources: Custom Slides, Posts (WordPress), Custom Post Types (WP), Taxonomies (WP), External RSS, YouTube, Flickr, Twitter and Instagram.
  • Add videos from YouTube, Vimeo or Hulu.
  • Create a unique slider adding not only videos or only images, but both of them between slides.
  • Thanks to the shortcode the slider generates, you can add it anywhere inside your pages, posts or widgets. (for WP) or via JS code for non WP environments.
  • You can have as many sliders as you want in the a single page.
  • Add a flat color or a pattern based background the captions in the slides.
  • You can add text or html based captions, including title and description, for WP, caption can also include author and date.
  • You can adjust both the position and width of the slider captions.
  • You can also include external URL images. By doing that, you can add completely different background patterns to your slider.
  • Choose if your images or videos are shown slow or fast defining the delay time.
  • You can choose a fixed width for your images, or adjust them to the 100% of its parent width.
  • Adjust image to where you need them to be using margin values.
  • Add image descriptions within the thumbnail labels and display them on top, bottom, left or right side of your slider.
  • Like the images, the labels can have their own background.
  • Text formating for title and content. Color, size, bold, cursive and family available for them to be set and changed.
  • Show as many slides as you want.
  • Since the slider is fully responsive, you won’t need to worry about your slider stop working on small screen devices.
  • You can adjust both the position and width of your captions.
  • Pick one from 31 available effects (premium) or let them be random.
  • Responsiveness can be deactivated, allowing your slider to remain the same disregarding the screen size.
  • You choose the skin that fits on your site the best from 39 skins.
  • Give your slider a completely different appearance just changing the look of the arrows.

Now going to the practice, Lets take a look into how this looks:

Editing the thumbnails, you can place them whenever you want.

Adding content from twitter, or any other external source: flick, instagram, youtube, vimeo, rss, etc

Adding images from flickr with a small review in the top left area.

Adding content from YouTube with no captions or thumbs.

Setting Width and height, you can either set a fixed width and height or make it work responsive.

No captions at all, only images taken from custom post in wordpress or jquery.

Inserting content from Instagram, you can change the colors and sizes of everything.

Changing caption settings, defining a custom width for caption and image, as well as custom fonts.

Changing the Skins, choose from 31 available skins. more to come.

If you like it, don’t miss the chance to check this amazing slider.

You may go now and feel free to start using the slider. Be one of the first people to have it and show it!. You can choose now between a personal license to start using the slider for free, or a commercial license to have access to everything. even to modify it. You can check the pricing options by going to the page. If you already have downloaded jQuery Slider Shock, dont forget to read the documentation to guide yourself for further assistance.
We hope you have enjoyed this post. We are always glad to bring you our material. Looking forward to bring you more in the future.

Juan Pablo Sarmiento

Author: Juan Pablo Sarmiento Founder and curator of:

Facebook Twitter Google+ 

23 Responses to “jQuery Slider Shock: The Most Complete Slider”

  1. Going to use this on one of my upcoming projects.  I like the responsiveness of this one.

    • Designer
      January 21st

      Cool, thank you for trying our products.

  2. I must have it, the slider ive been using is pants and really starting to annoy me, cant complain though it was free.

    Point me in the direction of the plugin purchase link you`ve sold me :)

    • Designer
      January 18th

      Hi Chris, great you liked the slider. You can purchase different types of licenses at http://www.jqueryslidershock.com/ for using the slider as you need. There’s also the Contact button in case you’d like to receive more info.

  3. So this slider is responsive? If so I’ll definitely be giving it a try…

  4. Anele Ivanova
    February 14th


    Recently I came across some great articles on your site.
    The other day, I was discussing (http://www.webdesignshock.com/jquery-wordpress-slider-shock/)with my colleagues and they suggested I submit an article of my own. Your site is just perfect for what I have written!
    Would it be ok to submit the article? It is free of charge, of course!

    Let me know what you think
    Contact me at anelieivanova@gmail.com

    Anelie Ivanova

    • Hello Anele! It would be nice. We’ll be in touch. Glad you like the site! Stay tuned for upcoming posts.

  5. Wow. Awesome list. Thanks for sharing. It is really useful. Keep it up.

  6. Even i am surely going to use this sliders in my next projects..this sliders looks so awesome..

  7. Great work! verry nice!

  8. Great blog

  9. RT @morethanthemes: #JQuery Slider Shock: The Most Complete Slider http://t.co/OxDhT7I3 #javascript #webdesign

  10. “JQuery Slider Shock: The Most Complete Slider” http://t.co/vNUTjHDf

  11. jQuery Slider Shock: The Most Complete Slider http://t.co/K2ynVL4kTR via @webdesignshock

Leave a Reply