EnglishWOWSlider  DeutschBildergalerie Diashow  EspañolGaleria de Imagenes, Slide Imagenes Gratis  FrançaisDiaporama Galerie D'Image  ItalianoImmagini Galleria  汉语网络幻灯片: 效果的幻灯片  Português brasileiroGaleria De Imagens  Русскийслайдер изображений, слайдшоу, CSS3 слайдер  SvenskaBild Galleri  日本語画像のスライダー&ギャラリー  NederlandsAfbeeldingen Caroussel 
  • Innsbruck mountains : slider jquery and clamshell ...
  • Mount Foraker : jquery image slider Picturesque snowy landscape
  • Mountains : jquery slideshow Beautiful and majestic snowy mountains

This slider is now avalable with our Free Website Builder!

The builder comes with 600+ awesome website blocks: image galleries, lightboxes, image carousels, counters, countdowns, full-screen intros, features, data tables, pricing tables, progress bar, timelines, tabs, accordions, call-to-action, forms, maps, social blocks, testimonials, footers, and more... Free for commercial use.

Free HTML Templates

More Demos

  Сontent Slider: Working at Design!

This video tutorial shows ways of creating a content slider without coding!

  Сontent Slider - Super easy to manage!

In this video you find more transition effects which can be used for your content slider!

  Сontent Slider Code

Code to paste between the tags <head></head>:

 
<!-- Start WOW Slider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOW Slider.com HEAD section -->

HTML code to paste between the tags <body></body> in the place that you want the Сontent Slider to appear:

 

<!-- Start WOW Slider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/goldengatebridge4904_1280.jpg" alt="Golden Gate Bridge" title="Golden Gate Bridge" id="wows1_0"/>San Francisco, California and Marin County</li>
<li><img src="data1/images/budapest342499_1280.jpg" alt="Széchenyi Chain Bridge" title="Széchenyi Chain Bridge" id="wows1_1"/>Budapest</li>
<li><img src="data1/images/london441853_1280.jpg" alt="Tower Bridge" title="Tower Bridge" id="wows1_2"/>London</li>
<li><img src="data1/images/newyorkcity336475_1280.jpg" alt="Brooklyn Bridge" title="Brooklyn Bridge" id="wows1_3"/>New York</li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="Golden Gate Bridge"><img src="data1/tooltips/goldengatebridge4904_1280.jpg" alt="Golden Gate Bridge"/></a>
<a href="#" title="Széchenyi Chain Bridge"><img src="data1/tooltips/budapest342499_1280.jpg" alt="Széchenyi Chain Bridge"/></a>
<a href="#" title="Tower Bridge"><img src="data1/tooltips/london441853_1280.jpg" alt="Tower Bridge"/></a>
<a href="#" title="Brooklyn Bridge"><img src="data1/tooltips/newyorkcity336475_1280.jpg" alt="Brooklyn Bridge"/></a>
</div></div>
<div class="ws_shadow"></div>
</div>	
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOW Slider.com BODY section -->

  Collage Effect & Material Design Content slider

This is an elegant and dramatic slideshow design that is flexible to be used on almost any website.

This slideshow is designed for landscape images, and is not full-width (except at smaller screen sizes). The main slideshow has a faint shadow, which helps lift it from the webpage and makes it stand out. When you hover over the slider or interact with it any way, this shadow darkens, bringing it even more focus and reinforcing the idea that the slideshow is something the user can interact with.

jquery content slider

The slideshow has a blue and pale grey color scheme, which is inviting and open. Unlike other slideshows, you have the option to make it full-screen, which is great for photographers and artists.

The slideshow has a caption, which consists of a white title on a blue background and a dark-grey sub-title on a light grey background. The blue box for the title also has a shadow that helps lift it up, and gives the slideshow a layered effect.

The caption slides into place from the right, and bounces back in a fun and organic way.

There are a series of blue circles at the bottom of the slideshow. These represent slides in the slideshow. Hovering over one turns it a darker shade of blue, and reveals a preview of the slide in a white frame with a shadow effect. The circles allow the user to skip straight to the slide they want to see.

If the user hovers over the slideshow, additional navigation options appear. These include two navigation arrows, one on each side of the slideshow, and a ‘full-screen’ icon in the top right corner.

The navigation arrows consist of a white arrow-head on a blue circle. The arrow-head if slightly off-centre, which gives the design a quirky, organic feel. There is a drop-shadow on the circle, which again contributes to the ‘layered’ look of the slideshow.

content slider jquery

Hovering over the arrow turns the blue a shade darker. Clicking on the arrow allows the user to scroll through the images in the slideshow.

The ‘full-screen’ icon is a set of four small white arrows, pointing away from a centre point to form a square. Clicking on this icon will cause the image to fill the entire screen of your computer, meaning they take up the maximum amount of space. It is this function that makes the slideshow so good for photographers and other artists that want the focus on their portfolio of images.

The slideshow uses the change effect ‘collage’. This transition from one image to the next appears as the photo flying away while several others fly into view… until the next image zooms up to take the full slideshow. It’s a dynamic and fast transition, which works well in the larger space.

As with all WOWSlider slideshows, this design is responsive, working well in smartphone, tablets, laptops, desktop computers and smart TVs.

It is flexible enough to be used on almost any kind of website, whether e-commerce, portfolio or blog.

  Comments

I noticed that whenever I add audio to any WOW Slider project, it will play in most popular browsers except Safari. Please click on the test project link and see how it works on Safari when viewed from your system.

responsive content slider

I also tried running the file on Safari browsers of other computers -- even computers in 3 public libraries -- but same thing, audio's not working on Safari. Hope you can advise on how to make it work on Safari.

We have tested it on our mac and the music plays well. Could you tell, what safari version do you use? Did you meant mobile safari?

It's Firefox for Windows ver. 31.0 Most of the libraries have version 38.0 but the audio's not working either even if the speakers are enabled.

Sorry about mentioning the Firefox version -- I was also responding to another message and got the infos mixed up. At any rate, I was meaning to say, Safari ver. 5.1.7 What do I need to do? Looking Forward -- thank you.

Safari for windows? If you use windows, please, change safari to another browser. It's unsafe and do not support many modern things. Apple does not supports it anymore. More than that, I have tested your site on our mac (it's old and has safari) and music plays well. Safari is good for mac but not for windows.

I am subscribed to a licensed copy of WoW Slider and I need to use a proprietary video that is not intended to be uploaded on YouTube -- neither on Vimeo. Since I'm also producing the "movie" file itself, the target must reside within the domain. Thus, we're looking at a relative URL to make it run on the website.

How do I go about it?

Unfortunately, it isn't supported in our app.

I was going through the other products that I've been receiving from Wow Slider. How about the HTML5 Video apps ... could that offer a solution?

Unluckily, no.

We are considering your wowslider and maybe the additional bundle as well. However one thing is important for us: The integration in existing pages. Do we understand correctly that 2 files need to be uploaded once to the webserver to make the sliders work? They are there to check the validity of the license? And then the slider-specific code can be pasted into the right position of the specific page? Furthermore we work with part of page codes in templates. The wow slider still can be used?

Hm.. our app generates the code to add the slider to a page, and also there are two folders that should be uploaded to your server, there are images, scrips, .css files.

Please check this instruction:http://wowslider.com/help/add-wowslider-to-page-2.html

Also you can publish your slider to Google Drive, if you don't want to upload the files to your server: http://wowslider.com/help/add-slider-google-drive-183.html

You can find here some other tutorials: http://wowslider.com/help/

I have been using WOW Slider for over 12 months now without any issues. (Registered Version) I recently installed Window 10 and since then when I go to use WOW Slider it says that my version is UNREGISTERED.

Download a full version and register it with your key.

I recently installed wowslider 8.5 full version and tried to create some slideshows. Some were created successfully, but something caused it to crash frequently. I am using Windows 10. The sequence I used was along this line:

  1. START wowslider (8.5)
  2. copied 70 images (drag/drop)
  3. set custom size - 700/466
  4. Select Properties icon
  5. Select on-demand image loading, show control on mouseover, use relative path
  6. Deselect Show description, Show bullet nav
  7. Click Design icon
  8. Select Elegant, Preserve Aspect, stretch small shrink large images
  9. Set delays between slides to 3,7s, effect duration 0,8s.
  10. Click Publish, Insert to page, navigate dialog box to pick a file
  11. It has a wowslider there, pick before then save
  12. WS exports images > browser showing slides ok
  13. go back to change transition effect to multiple - deselect Dribble, select multiple - WS crashed (Windows showed a popup indication WS has stopped working and looking for a solution... then asked me to close the program)
I've gotten this crash several times. I restarted the program at times but no use. I wonder you have similar reports, and what I should do to circumvent the problem. Perhaps some property selections destabilized wowslider??

Sorry for the inconvenience. Please try to disable "Show preview" in Option. This may help you.

featured content slider

I’m using the full version of wowslider 8.6 (and just tested with 8.5 also). I created links from slideshow images, but they did not do anything – just staying in place. Here is an example. The link actually works when I viewed page source and click on that link. Tested on Windows 10, Chrome browser ( 46.0.2490.86 m).

I think I found the bug for you:

If gesture is set to On, with some mouse movements, links no longer work.

If I switch it off, in script.js “fullScreen:false,gestures:1,”, links work consistently

Let me know if you find the same, and if you have a fix.

Unfortunately, it works this way.

wow works only partially. old backups I can not call? Bought for 2 computers

We need more info about your order, could you please provide.

Comments are closed

© 2017 WOWSlider.com - All Rights Reserved. Terms Privacy