Create Image Slider in HTML CSS

 In this article, We will share tutorial How to Create Image Slider in HTML CSS. Here, we will create Image Slider using only HTML and CSS Also we will explain all you code of Our Image Slider. Here you will not learn to create a single image slider. Rather, You will learn to create many types of Image Slider.


Create Image Slider in HTML CSS 

After reading this article completely, you will be able to create a good Image Slider. Therefore, you should read the entire article. Learn how to make Image Slider. Also, the source code of the image slider will be copied from here and can be used anywhere. 


Image Slider Using Only HTML & CSS

HTML Code 

1
2
3
4
5
6
7
8
<div class="slider">
  <div class="slideshow-container slide">
    <img src="free1.png"/>
    
    <img src="free2.png"/>
    <img src="free3.png"/>
  </div>
</div>

CSS Code 


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<style>
body{padding: 10px;}


/*slideshow styles*/

.slider {
  width: 625px;
  margin: 0 auto;
  overflow: hidden;
  border: solid 1px white;
}

.slideshow-container {
  width: 2500px;
  font-size: 0;
  transition: 1s ease;
  height: 225px;
}

.slideshow-container:hover {
  animation-play-state: paused;
}

img, .text-container {
  width: 625px;
  height: auto;
  display: inline-block;
  font-size: 16px;
  text-align: center;
}

.text-container {
  height: 225px;
  position: relative;
}


p {
  position: relative;
  top: -45%;
  padding: 5px;
}

.slide {
  animation: slide 20s ease infinite;
}

@keyframes slide {
  0% {
    transform: translateX(0%);
  }
  
  12.5% {
    transform: translateX(0%);
  }
  
  25% {
    transform: translateX(-25%);
  }
  
  37.5% {
    transform: translateX(-25%);
  }
  
  50% {
    transform: translateX(-50%);
  }
  
  100% {
    transform: translateX(0);
  }
  
  
</style>

Top 20 Best Javascript Projects

Top 20 Best Javascript Projects | Best Javascript Project - Learn a Programming Language best way is through projects. Because When We learn a programming language getting familiar basics. But, When we create projects and play with code, Then we get to know to program very deeply. So, In this article, We will be exploring some interesting Javascript projects. With the help of these projects, beginners can test and increase Javascript knowledge. Here we will share the Top 20 Best Javascript Projects.



Top 20 Best Javascript Project

The list of  Top 20 Best Javascript projects is best for Javascript beginners also these projects can Expert. So, they boost your knowledge. 

1. Quiz App 

Javascript Quiz project is one of the best projects for learn new Javascript program. 

2. Age Calculator 

Age calculator is based on a calculator project that solve age calculator mathematic problem. Thus Age calculator is problem-solving project. Accepting this problem-solving challenge is very important for you. 

3. Password Generator

Password Generator tool is important for websites and also security. Password Generator project for you is to generate a random password that may consist of alphabets, numbers, and special characters. 

4. Login Authentication 

Create a login Authentication bar (When user enter email address and password ) can track. 

5. Password Matching 

When in Website is two boxes password and confirm password. Then, Javascript program can verify matching password or nonmatching password. 

6. Word Counter 

Create Wordcounter Simple Javascript Application with HTML. There should a form when these paste text then application can count word and character. 

7. To Do list 

This is Excellent Javascript preoject this will completed with HTML,CSS, Javascript. This application should have a store in the Data Browser. When user to do list cut web application and when it comes back later, its data should not be deleted.

8. Whether Analyze 


9. Text Analyzer 

10. Ludo Game 

11.Tip Calculator 

12. Countdown Timer 

13. HTML Text Editor 

14. CSS Generator Tool 

15. Image Converter 

16. Image Slider 

17. Javascript Tab

18. Calander 

19. Audio & Video Player 

20.  Face Detection App 


PUBG HISTORY, REVENUE, APPS & SOFTWARES

 

PLAYERUNKNOWN'S BATTLEGROUND (PUBG)

PlayerUnknown's Battleground (PUBG) is a multiplayer Online Game. In this Game 100 persons were kidnapped and sent to an Island where they should kill eachother to save there lives. As the land is also shortening so they should kill other 99 persons in less time. The person who win will get a prize of CHICKEN DINNER. This game is similar to Hunger Games & Battle Royale. It is designed by Brendon Greene who is also known as Player Unknown Greene. He was not a Game Designer, he knew a little about Web Designing and Graphic Designing. He was an Irish Photographer. He was inspired of Call of Duty & Assassin's Creed. He started work with Korian Game Designer. They both started work with a Korian Game Company. They made a small Game and then they developed it and atlast, In March 2017 they launched PUBG. In a small interval of time PUBG becmome the Best selling Game.

PUBG made US$11 million in the first three days in its Windows access whach was release in March 2017. April sales reached to US$34 million and took place in top 10 highest grossing revenue Games. after 3 moths of its early access release, 5 million copies were sold. The company which made this game is Blue hole company announced that they had exceeded US$100 millions sale. PUBG was the top-selling premium game of 2017, having sold 30 million units worldwide and grossed about $900 million.




PUBG MOBILE

PUBG mobile was the second most downloaded game of 2018, nearly 300 million downloads all over the world. You can download PUBG MOBILE Android Latest Version From the Link Below....



PUBG MOBILE LITE

PUBG MOBILE LITE was also introduced but not launched all over the world. It was Lauched in some countries to test the app. You can download PUBG MOBILE LITE for free from the link below...



PUBG FOR PC

You can download PUBG for PC in Windows 7,8 or 10. Download PUBG for PC from the link below here..........


You can also see step how to download and install it in your PC or Laptop.

PUBG LITE FOR PC

You can download PUBG LITE for PC in Windows 7,8 or 10. PUBG LITE FOR PC is also available on PC or Laptop. In most of the countries where PUBG MOBILE LITE and PUBG LITE for PC is not launched can Play PUBG by VPN called Power VPN Free VPN. VPN Download link is below PUBG FOR PC Download link. You can Download PUBG LITE For PC by click on the link Below......




POWER VPN FREE VPN

Pubg Mobile Lite and Pubg Lite for PC does not works in all countries. Download VPN link below and set country Brazil and enjoy this Wonderful game.

LATEST BAGPACKS FOR MEN - Unique Bagpacks On Amazon

 

1. TOCODE LAPTOP BACKPACK


Tocode Laptop Backpack 17-Inch Bag with USB Charging Port & Headphone Port


PRICE: US$34.99

travel backpack for men



  • Tocode Travel Laptop Backpack is Made of Heavy Duty Water Resistant Oxford Fabric,With Lockable Durable Metal Zippers and Large & Multipurpose Pockets Can Store Essential Accessories Very Well.
  • Zipper closure
  • LARGE - This Laptop Backpack measures 22"H x 12"L x 7"W, Capacity: 35L, It can hold up to 17 Inch Laptop with dedicated Laptop sleeve in main compartment against from bumps and falls. It also has a USB charging port so you can easy and quick charge any of your devices so your gadgets will never run out of battery.
  • EASY TO ORGANIZE YOUR BELONGS - 4 zipper pockets, 2 sides mesh pockets, 1 laptop sleeve, 2 small inner pockets and 2 pen loops, provides a separated space for your Laptop, textbooks, magazines, iPhone, iPad, pen, keys, wallet, books, clothes, bottle and more.
  • TOP QUALITY WATER RESISTANT LAPTOP BACKPACK - Our Backpack is made of heavy duty and water resistant oxford fabric, ultra-durable and sturdy. The lining is water-resistant polyester which keeps your items dry.
  • COMFORT - Effortlessly carry your laptop and accessories, wherever you are thanks to our honeycomb mesh sponge, breathable pack pad which forms a suspension system to protect your back from discomfort and to encourage maximum support. Bag boasts thick padded adjustable straps with a chest strap buckle.
  • PERFECT FOR MANY OCCASIONS - It is very attractive and perfect for college, school, business, travel, short hiking, camping and outdoor activities.

2. VOLHER LAPTOP BACKPACK

Laptop Backpack,Business Travel Anti Theft Slim Durable Laptops Backpack with USB Charging Port,Water Resistant College School Computer Bag for Women & Men Fits 15.6 Inch Laptop and Notebook - Black


PRICE: US$31.99

1


  • Storage Space & Pockets:One separate laptop compartment hold 15.6 Inch Laptop as well as 15 Inch,14 Inch and 13 Inch Macbook/Laptop.One spacious packing compartment roomy for iPad,mouse,charger,binders,books,clothes,ect.Mesh pockets at side for water bottle and compact umbrellamake your items organized and easier to find.
  • COMFY&STURDY: Comfortable airflow back design with thick but soft multi-panel ventilated padding, gives you maximum back support. Breathable and adjustable shoulder straps relieve the stress of shoulder. Foam padded top handle for a long time carry on
  • FUNCTIONAL&SAFE: A luggage strap allows backpack fit on luggage/suitcase, slide over the luggage upright handle tube for easier carrying. With a hidden anti theft pocket on the back protect your valuable items from thieves. making your journey and travelling more convenient wherever you go.
  • USB PORT DESIGN: With built in USB charger outside and built in charging cable inside,this usb backpack offers you a more convenient way to charge your phone while walking. Headphone Jack: you can listen to your favorite music on the go hands-free.
  • DURABLE MATERIAL&SOLID: Made of Water Resistant and Durable Polyester Fabric with metal zippers.Ensure a secure & long-lasting usage everyday & weekend.Serve you well as professional office work bag,slim USB charging bagpack, perfects for business traveling, weekend getaways, shopping & outdoor activities in daily life. Good Gift for college high school big student for boys,girls,teens,adults


CONCLUSION:

These two Backpacks are best for college boys as well as for Office use also. If you take laptops to your work then you can get it to take your Laptops safely. These two Backpacks are not expensive and are in budget of any person. These Backpacks are Best Selling On Amazon and are getting good reviews by customers. I suggest you to buy them.

Bluetooth Transmitter - Bluetooth Transmitter For Headphones

 

Bluetooth Transmitter 3.5mm Multi point Wireless Bluetooth Audio ...



Wanted a best Bluetooth Transmitter For Headphones or Bluetooth Transmitter. See Alot of them but can't get the best. So here you can find the best Bluetooth Transmitter For Headphones or Bluetooth Transmitter.




1. APEKX Clip Bluetooth Audio Adapter


PRICE: US$14.99











  • Turned any wired Earphones, Headphones, Wired speaker into Wireless!
  • Feature Bluetooth 4.1 + EDR allows Full-speed transmission and Low power consumption.
  • The simplest hands-free solution for calls and music.
  • Big Buttons for play, track and volume and controls. Perfect for doing sports.
  • Compatible with iPhones, iPad, iPod, Android smartphones, tablets and other Bluetooth enabled devices.





PRODUCT DESCRIPTION:

  • SPECIFICATION: Wireless Version: V4.1+EDR
  • Distance: Up to 49ft(15m)
  • Battery: Rechargeable Lithium battery 100mAh
  • Charging Time: approx. 1-1.5 Hours
  • Talk Time: 5.5 Hours
  • Play Time: 7 Hours
  • Standby Time: Up to 180 Hours
  • Package includes: 1* Wireless Audio Adapter/Receiver 1* 3.5mm AUX Cable 1* USB Mirco Charging Cable 1* User Manual


Features: Wireless capabilities - APEKX Wireless Audio Adapter / Receiver lets you convert any app into a wireless media machine! One device for all your conversations, music, phone calls and more. You can turn your wireless headset into a telephone.


Special design: Superior High Fidelity Sound Stereo Sports Wireless audio Adapter / Built-in appendix for small clip, clothing and full control belts are readily available. Ultra Lightweight Mini Design. It's easy to keep up. Hands free & Noise cancellation - Designed for noise cancellation and background noise filtering. Continuous noise reduction technology with clear call dialing & wireless streaming. Rechargeable battery 100mAh - Provides up to 7 hours of talk time and play time. Costly calls only require 1-1,5 hours and take 180 hours of waiting time. Wireless Music Plus Call Functionality - Without power and determination start and stop playing music, select music, skip songs, answer incoming calls, and make previous calls.




2. TaoTronics Bluetooth 5.0 Transmitter


PRICE: US$30.99












  • LOW DELAY: aptX Low Latency for High-fidelity Stereo Sound, lag-free content streaming in transmitter mode. Low Latency supported Bluetooth receiver is required.
  • MAKE IT TWO: Upgraded 2-in-1 Bluetooth V5.0 transmitter can be paired with two Bluetooth receivers (like headphones + speakers) simultaneously. Note: aptX Low Latency does NOT support Dual Link mode.
  • ALWAYS ON: TaoTronics Bluetooth 2-in-1 Adapter continuously streams even while charging. Built-in battery for up to 10 hours use - enjoy your favorite wireless content all the time.
  • BLUETOOTH EVERYWHERE: In Transmitter mode, turn a non-Bluetooth TV, PC, CD player, iPod, MP3 / MP4 into Bluetooth transmitter. Receiver mode: Ideal for home or vehicle music streaming sound system.
  • PURE SOUND: aptX audio codec for a richer and deeper sound experience. Listen to CD-like audio quality at no compromise. Plus, 12 + 6 month extended warranty and 24/7 friendly customer service.





PRODUCT DESCRIPTION:

TX mode:
In the TX mode, the Bluetooth transmitter can be used to stream audio from non-Bluetooth audio sources such as non-Bluetooth TVs or CD players to Bluetooth headphones/speakers. This transmitter is supported to RCA connectors and AUX connectors, therefore, please kindly have a check see whether your audio sources have one of these kinds of jacks. Please note that the adapter should be plugged into the “L&R AUDIO OUT” jack or the “AUX OUT” jack on the audio source but not the “Component IN” jack.
RX mode:
In the RX mode, the Bluetooth adapter could be used as a Bluetooth receiver to non-Bluetooth stereos such as wired headsets or wired speakers. Pair the Bluetooth receiver with your cell phone, and plug your headsets into the jack on this unit, then you will be able to hear the music from your phone.
NOTE:
If the TV does not have the “AUX OUT” jack or the “L&R AUDIO OUT” jack, a headphone jack should also work.
If the TV only have a “DIGITAL AUDIO OUTPUT (OPTICAL)” jack, a convertor is needed or you could choose another model of TaoTronics Bluetooth Transmitters, TT-BA09, which is supported to both aux audio output and optical audio output.
Not recommend for streaming live music (while playing guitar, keyboard, electronic drums etc.)
What is In the Box:
1 x TaoTronics Bluetooth 5.0 2-in-1 Adapter (Model: TT-BA07)
1 x 3.5mm Audio Cable
1 x 3.5mm Female to 2 RCA Male Cable
1 x USB Charging Cable
1 x User Guide


3. Avantree Certified aptX HD Bluetooth Transmitter


PRICE: US$79.99












  • [EXCELLENT SOUND QUALITY] Qualcomm aptX HD Audio ensures compatible Bluetooth devices deliver high definition (HD) Audio. It preserves sound data throughout the Audio transmission, resulting in a ‘better-than-cd’ listening experience. Simple switch to alternate between HD and low latency priority If your device supports both codecs.
  • [DUAL-LINK NO LIP SYNC DELAY] Simultaneously stream audio to 2 headphones or speakers with no delay while watching TV, movies or gaming. Note: To achieve low latency (<40ms delay ) receiving device (headphones / speaker) must also support aptx Low Latency or you may experience a 70-220ms delay. Most brands of headphones (e. g. Sony, Bose) currently do not support aptx LL.
  • [PASS-THROUGH SUPPORT] Even if your TV only has one Optical port, connect the Oasis Plus between your TV and Soundbar - then play audio from your soundbar and stream to your headphones simultaneously. This is a unique product Feature! It even supports independent device volume control. Easily choose between Bluetooth mode (wireless) and bypass mode (wired) with the Flip of a switch, without the need to plug / unplug any wires.
  • [EXTENDED LONG RANGE] Experience Wireless freedom to walk anywhere in the house! Proven range of 295ft in testing with headphones (audition Pro), and 328ft using two Oasis Plus units as a Transmitter/ receiver Pair in open air line-of-sight conditions. Note that the operating range can be affected by multiple factors (see Faq1 below)
  • [EASY TO USE & SUPPORT] It supports full-featured voice guidance and status / codec indicators, making it incredibly easy to set up and use. Re-connects quickly to the last device. Supports Digital optical / AUX / RCA Audio output standards making it compatible with 99% of the TVs on the market. On board volume adjust function can be used for many devices that do not have their own volume controls (E. G. Airpods). 





PRODUCT DESCRIPTION:

Recommended Uses:
  • Transmitter -> Bluetooth-enable your TV, PC, AV receiver (e.g. Yamaha, Onkyo, Denon), TV Box etc. Stream audio to any Bluetooth headphones / speakers, e.g. Bose, Beats, Sony, Plantronics, Audio-Technica, Apple AirPods headphones.
  • Receiver -> Bluetooth-enable a wired speaker, soundbar, home theater etc. Receive audio wirelessly from any Bluetooth audio device e.g. PC, mobile phone, Echo, Echo Dot,etc.
  • Bypass -> If you have only ONE OPTICAL Output from TV, and it is currently used by your soundbar, you can use the BYPASS function. What’s more, your family can enjoy TV via Bluetooth headphones and a wired speaker simultaneously with independent volume control.
  • Volume adjust function can be used for many devices which do not have their own volume controls (e.g. Airpods).
  • Uses aptX low latency to eliminate lip sync delay. Uses aptX HD to get a ‘better-than-CD’ listening experience.
  • Supports aptX low latency with dual link for two headphones.
  • Compatible with devices with optical, RCA and AUX audio outputs.
  • Can use as a pair to extend range, one Oasis Plus use a BT transmitter, another one as a BT receiver
Doesn't work / not recommended:
  • This is a Class 1 Bluetooth transceiver - proven to reach up to 164'. However, your range will depend on your connecting device and other factors (see details below Q1)
  • For TV optical output - set audio format to PCM. Dolby / DTS are not supported.
  • Works as EITHER a transmitter or receiver - NOT simultaneously work as a repeater.
  • Multipoint support works best for same brand / model of headphones.
  • For non- aptX LL supported headphones / speakers (e.g. Bose, Beats, Sony headphones), Oasis Plus will work with them using SBC or aptX codec with 70-200ms latency - Lip-sync delay could be noticed by sensitive users. We Recommend using Avantree AS70 to aptX Low Latency-Enable your headphones.
  • It doesn’t support aptX HD when dual link. NOT simultaneously supports aptX HD and aptX LL.
  • Not recommend for streaming live music (while playing guitar, keyboard, electronic drums etc.)
  • When using the transmitter the TV internal speakers might not work or become muted. This is TV dependent.