IMAGE SLIDER


Steps to make image slider : –

  1. image.html
  2. image.css

image.html

<html>
<head>
<title>image slider</title>
<link rel=”stylesheet” type=”text/css” href=”image.css”>
</head>
<body>
<h2>IMAGE SLIDER</h2>
<div class=”div1″></div>
</body>
</html>

image.css

body{background:#7f7f7f;}
h2{color:#f1f1f1;text-align:center;letter-spacing:20px;padding-top:15px;font-size:35px;font-weight:bold;}
div{width:100%;height:84%;margin-top:50px;margin-left:0%;border-radius:1px;box-shadow:0px 0px 20px #fff;
background:url(cable1.jpg);
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
animation:slider 10s linear infinite;}
@keyframes slider{
25%{background:url(cable2.jpg);background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;}
50%{background:url(cable3.jpg);background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;}
75%{background:url(cable4.jpg);background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;}
100%{background:url(cable5.jpg);background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;}
}

View of slider

To follow my blog to click below

© WebCoder.com

Please follow me on social media pages : –

Facebook

Twitter

LinkedIn

14 thoughts on “IMAGE SLIDER

  1. Hi there! I just wanted to ask if you ever have any problems with hackers? My last blog (wordpress) was hacked and I ended up losing many months of hard work due to no back up. Do you have any methods to protect against hackers?

    Liked by 1 person

  2. certainly like your website but you have to test the spelling on quite a few of your posts. Several of them are rife with spelling issues and I to find it very bothersome to inform the reality however I will certainly come again again.

    Liked by 1 person

  3. Have you ever thought about adding a little bit more than just your articles? I mean, what you say is valuable and everything. But think about if you added some great photos or video clips to give your posts more, “pop”! Your content is excellent but with images and clips, this blog could definitely be one of the greatest in its field. Wonderful blog!

    Liked by 1 person

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s