How to put pictures on your page?

Everyone has been asking me how to put pictures on their page. I got this code from Cory and it really works. You have to have Imgur account in order to put pictures on your page. When you create a Imgur account, you can automatically put pictures on Imgur.

This is the code

<style>

	:root{

		/* here's where you put your image URLs and how long you want the entire slideshow to be (make sure you add the s for seconds!) */

		--image1: url(https://i.imgur.com/T1dbzep.jpg);

		--image2: url(https://i.imgur.com/O8yQN2g.jpg);

		--image3: url(https://i.imgur.com/hwaw5Z8.jpg);

		--image4: url(https://i.imgur.com/oNpY32t.jpg);

		--time: 30s;

}

	.pdg_slideshow{ width:100%; height:500px; position:relative; }

	@media only screen and (max-width: 768px) { .pdg_slideshow{ height:300px; } }

	.pdg_slideshow_image { background-size:contain;background-repeat:no-repeat;background-position:center; width:100%; height:100%; position:absolute;}

	.pdg_slideshow_image#image1 {background-image:var(--image1); animation: slide1 var(--time) ease 0s infinite normal none; }

	.pdg_slideshow_image#image2 {background-image:var(--image2); animation: slide2 var(--time) ease 0s infinite normal none; }

	.pdg_slideshow_image#image3 {background-image:var(--image3); animation: slide3 var(--time) ease 0s infinite normal none; }

	.pdg_slideshow_image#image4 {background-image:var(--image4); animation: slide4 var(--time) ease 0s infinite normal none; }

	@keyframes slide1 { 0%, 25%, 100% { opacity: 0; } 1%, 24% { opacity: 1; } } 

	@keyframes slide2 { 0%, 25%, 50%, 100% { opacity: 0; } 26%, 49% { opacity: 1; } } 

	@keyframes slide3 { 0%, 50%, 75%, 100% { opacity: 0; } 51%, 74% { opacity: 1; } } 

	@keyframes slide4 { 0%, 75%, 100% { opacity: 0; } 76%, 99% { opacity: 1; } } 

</style>

<div class="pdg_slideshow">

<div class="pdg_slideshow_image" id="image1"></div>

<div class="pdg_slideshow_image" id="image2"></div>

<div class="pdg_slideshow_image" id="image3"></div>

<div class="pdg_slideshow_image" id="image4"></div>

</div>

This is 4 Slideshow and I hope this helps 

31 Kudos

Comments

Displaying 10 of 10 comments ( View all | Add Comment )

Dayybeautty 💋	1637704755 do they have app? Report Comment Yes mam by Tee Tee (ThickALoc); 1637710013; Report okay, i thought so. still trying too figure it out! by Dayybeautty 💋; 1637731676; Report
Collectivtwo	1637548717 nice work Report Comment
Ramiro	1637270255 where do u paste this? Report Comment About me by Tee Tee (ThickALoc); 1637271604; Report Thanks! by Ramiro; 1637271681; Report
Courtney Davis	1636835864 How do I put just 1 pic Report Comment
The Nostalgic Weirdo	1636819391 It worked for me thank you!! Report Comment
Dj E-Dub Mixtapes	1636758029 It worked... Thank you ! Report Comment You’re Welcome by Tee Tee (ThickALoc); 1636761081; Report
Nique	1636749647 You're Awesome!! Report Comment You're Welcome love by Tee Tee (ThickALoc); 1636754073; Report
DaBeautiful Nikki 💋	1636748271 Where I create the imgur account? Report Comment go to imgur.com to create one by Tee Tee (ThickALoc); 1636754053; Report
᠃ ⚘᠂ ♡ succubuslut ♡᠂ ⚘ ᠃	1636745434 Thankk youuu Report Comment You're Welcome :) by Tee Tee (ThickALoc); 1636745501; Report you’re really prettyyy btw hun by ᠃ ⚘᠂ ♡ succubuslut ♡᠂ ⚘ ᠃; 1636745941; Report Thank you love and so are you ;) by Tee Tee (ThickALoc); 1636746503; Report Thank youuu hunny by ᠃ ⚘᠂ ♡ succubuslut ♡᠂ ⚘ ᠃; 1636753951; Report
TegaDaPlug	1636742106 Do I have to remove anything that you typed in? Report Comment No you don't keep everything like it is by Tee Tee (ThickALoc); 1636742444; Report