Need Help With a Web Design Question

[ComputerEnjoyer762]

Hey guys, I was wondering how I could make a website that is essentially just one big slideshow. Basically, I'd like to be able to roll a bunch of information and cite a source with each slide, and maybe make them load a new Google ad every time the slide is moved.

 

I'd also like the slides to be randomized, so not necessarily go in order, so that it's less like one big presentation, and more where a plethora of information will be randomly presented to the reader. Again, each slide would need to maybe load a new Google ad. Also, would there be any way to put in some kind of transition between slides? So maybe some kind of 3D rotation as to dress things up a bit?

 

I was hoping that some kind of script would be floating around for this, but I haven't found something like it. Would anyone be able to point me to something like that? I want the site to be fast and clean, so that's why I want to avoid using Wordpress with a plugin. Plus, I don't think the ad situation I want would be possible with a Wordpress slideshow plugin either..

[Meic]

https://revealjs.com would be a good starting point. You would need to add time based transitions and the adverts.

[ComputerEnjoyer762]

9 minutes ago, Meic said:

https://revealjs.com would be a good starting point. You would need to add time based transitions and the adverts.

YES, exactly the type of thing I need.

 

Uh but, can the slides be randomized, and is it free to use..?

 

EDIT: Nope, can't be installed on Hostgator's shared hosting... I wonder if I could build something like this using only HTML, which is something I'd be capable of working on myself, but I wouldn't completely know where to start...

[Mira Yurizaki]

How handy are you with HTML + CSS + JavaScript?

 

I have some code laying around for an image carousel if that's what you were looking for. It even has the "infinity scroll" effect.

[ComputerEnjoyer762]

37 minutes ago, Mira Yurizaki said:

How handy are you with HTML + CSS + JavaScript?

 

I have some code laying around for an image carousel if that's what you were looking for. It even has the "infinity scroll" effect.

I know literally nothing about JavaScript. I only took a basic web design course and only really worked with HTML and CSS. And I must say, the site I came up with came out pretty damn good for only using those, but I wouldn't really know where to begin with JavaScript, how to get everything working and whatever. And that's basically what you'd need for what I'm going for, right?

 

Well like... I'd like to be able to get as close to something like the revealjs site above. I don't even need fancy fade-ins in the same slide or anything. Just having what would function as slides, be able to randomize, and monetize. So I'm not sure if it'd do the trick, but maybe... The problem I see with an image carousel is search engines not picking up on the text itself, or that you'd have to click on the entire image and be redirected, rather than just being able to click the link source..

 

None of that probably even makes any sense lmao

[wasab]

You can do that with Microsoft PowerPoint online. 

[Beef Boss]

2 hours ago, bmichaels556 said:

YES, exactly the type of thing I need.

 

Uh but, can the slides be randomized, and is it free to use..?

 

EDIT: Nope, can't be installed on Hostgator's shared hosting... I wonder if I could build something like this using only HTML, which is something I'd be capable of working on myself, but I wouldn't completely know where to start...

Yeah 

https://www.w3schools.com/howto/howto_js_slideshow.asp

 

[iLostMyXbox21]

3 minutes ago, veldora said:

Yeah 

https://www.w3schools.com/howto/howto_js_slideshow.asp

 

Agreed, and instead of the whole thing where it does this:

Spoiler

function plusSlides(n) {
  showSlides(slideIndex += n);
}

it could go something like this

 

Spoiler

function plusSlides(n) {
  var rand = Math.floor(Math.random()*2)+1;
  showSlides(slideIndex += rand);
}