(Dreamweaver) Help with a slider?

Coombzy · December 21, 2014

Hey guys, I need some help getting a slider to work on the index page of a website project I am working on. I followed this tutorial

and have everything set-up however I need to transfer it to my actual index pages div. Can anybody point me in the right direction?

It's here on another html document:

I need it here on the main document:

ImBleu · December 21, 2014

You mean just an image slideshow type slider?

If so I'd recommend using something from Bootstrap to be honest.

Hazy125 · December 22, 2014

Well, if you're using an apache webserver with PHP you can save both files as a PHP file then on your website:

<?php     include 'path_to_file/slideshow.php';?>

This will basically insert the slideshow page onto your current page.

Alternatively, just copy and paste the slide show code where you want it. Make sure make sure the css you need for the slide show is also on the page you want it, or I imagine it won't work in the slightest if it's a pure CSS slider

dougoftheabaci · December 29, 2014

Uh... Please don't use Bootstrap unless you need Bootstrap. Stuff like that comes with a LOT of extra nonsense that 99% of devs aren't going to use. It's like buying a tank when all you need is a motorcycle.

If you want something pre-built, just use Chris Coyier's AnythingSlider: http://css-tricks.github.io/AnythingSlider

It's well built and will do whatever you need it to.

If you want to build something a bit more your own you could start with Cycle 2 as a base: http://jquery.malsup.com/cycle2/

Or, option B is you build it 100% yourself with a bit of CSS and jQuery. It's really not complicated. In fact, I got a little bored so here's a demo of one built from scratch:

https://dl.dropboxusercontent.com/u/114859/code-experiments/carousel.html

Because I'm a show-off it auto-cycles and you can navigate next/prev by clicking on the next or previous slide or by using your keyboard because if you're going to be bored just go for it right?