What is wow slider?

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. It’s a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects (Collage, Photo, Domino, Page, Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical, Basic linear, Book, Cube and Seven) and tons of professionally made templates.

How to create a slide show using WoW Slider?

  1. Go tohttp://wowslider.com/
  1. In the main navigation bar click Downloads and go to the downloads page.
  1. In the downloads page, enter your user name, email address and get the download link.

 

  1. After downloading, install it and then open it.

 

  1. Add few photos, select a template, set image sizes, select transitions and create an awesome slider
  1. Finally select a method and hit publish.

The created folder would look like

 

When you open the slider in a web browser you can see there is a water mark in the bottom right corner. As you can see before adding this slider to a web page we have to get rid of this.

How to remove the water mark

  1. Go to data1 folder and then to the images folder. There you can see the added images with the watermarks. Replace the images with the original once but keep in mind the image sizes needs to fit with the watermarked images.
  1. After replacing the images go to engine1 folder, right click on wowslider.js and open it.
  1. Press ctrl + f (Find) and type “0 0 0 0” then hit “Find Next” twice.
  1. You will be able to see something similar to

margin:”0 0 0 0″,”border-radius”:”5px”,”-moz-border-radius”:”5px”,outline:”none”}).attr({href:”http://”+d.toLowerCase()}).html(d).bind(“contextmenu”,function(c){return false}).show().appendTo…………..

Here change show() to hide() and save it. Then this code fragment would look like

margin:”0 0 0 0″,”border-radius”:”5px”,”-moz-border-radius”:”5px”,outline:”none”}).attr({href:”http://”+d.toLowerCase()}).html(d).bind(“contextmenu”,function(c){return false}).hide().appendTo…………..

  1. Again when you run index.html file and open the slider in a browser, no watermark can be seen.

 

As you can see it is very easy to remove the watermarks from the wow slider. Therefore you can create amazing sliders and make your web site look more professional.

chandan

""

Tips N Tricksphp,tricks,wow slider
What is wow slider? The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. It's a very effective method to increase the web site usability and engage the user.WOW Slider is a responsive jQuery image slider...