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 to http://wowslider.com/
2. In the main navigation bar click Downloads and go to the
downloads page.
3. In the downloads page, enter your user name, email
address and get the download link.
4. After downloading, install it and then open it.
5. Add few photos, select a template, set image sizes, select
transitions and create an awesome slider
6. 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.
2. After replacing the images go to engine1 folder, right
click on wowslider.js and open it.
3. Press ctrl + f (Find) and type “0 0 0 0” then hit “Find
Next” twice.
4. 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…………..
5. 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.
Thanks buddy for!
ReplyDeletePeople tired to find a relevant place where they can know real facts and myths about the topic mentioned by author of this blog. I want to help a lot of needy people through this blog to come up at my blog to know the real facts and myths regarding this topic. watermark on photo
ReplyDeleteGood
ReplyDeletegreat articles, Maybe you want to check this out also How to Watermark Your Picasa Photos
ReplyDelete.