Media Slider in Custom Pages

[stronktank]

Hello!

I'm not sure if this is the right place, but I'm looking for a simple html media slider (for images and youtube video's) to be inserted into the specific 'zones' in the custom pages. There is no widget available for that.

So far I've found a lot of slider / slideshow plugins but nothing simple that I can implement int he zones,...

Thanks!!!

[Tiffy-Bean]

I know this isn't exactly a plugin or custom html but have you tried this? www.cincopa.com/media-platform/start.aspx

[Tiffy-Bean]

I looked into trying to see if I could figure out if I could build one for you and all I could run into is a million plugins for this on wordpress. God I hate wordpress. I have a headache now.

[stronktank]

One of the better ones out there, but it would be nice if I could just embed everything inside the HTML box,...

[Tumbleweed]

Aug 12, 2015 13:27:38 GMT -8 stronktank said:

Hello!

I'm not sure if this is the right place, but I'm looking for a simple html media slider (for images and youtube video's) to be inserted into the specific 'zones' in the custom pages. There is no widget available for that.

So far I've found a lot of slider / slideshow plugins but nothing simple that I can implement int he zones,...

Thanks!!!

I had no issue adding a slider and an embedded youtube video. I threw it together so nothing is aligned, pretty or the right size but it seems to work without issue:

putteraroundiv.proboards.com/page/slider-test#

I used this code that I didn't need to download but I'm sure you might find one nicer.

codepen.io/zuraizm/pen/vGDHl

I put the css and javascript under the html tab above all the zones and then added the html in the html widget under the visual editor. Grabbed the embed code for the video and put in place of an image. Not sure how it would handle like dozens of youtube videos and it may be limited to one per custom page.

[stronktank]

Tumbleweed, thanks!
It kind of worked, but every time you click an arrow it goes back to the top of the page? Same with your slider btw?

(did not do any customization)
gccc.boards.net/page/media

[Tumbleweed]

Aug 26, 2015 6:45:49 GMT -8 stronktank said:

Tumbleweed, thanks!
It kind of worked, but every time you click an arrow it goes back to the top of the page? Same with your slider btw?

(did not do any customization)
gccc.boards.net/page/media

So it does. I didn't notice that because I typically had the forum scrolled to the top to start with, but scrolling down a bit, sure enough. O.k. figured out the problem. They are using links for the next /back buttons and we need to change all instances of that into a div. So everywhere in the css and javascript change it to div.

The javascript  .....see how I changed the a to a div:

$('div.control_prev').click(function () {
moveLeft();
});

$('div.control_next').click(function () {
moveRight();
});

And then there are many instances in the css but make sure you get all of the a ones and here is just one example:

div.control_prev, div.control_next {
position: absolute;
top: 40%;

And once you get all the css changed, go change the html part to a div: (I actually put text in mine as using >> and << caused an error but you could use a pretty arrow image in there or HTML Symbols or other symbols out there.

<div class="control_next">Next</div>
<div class="control_prev">Back</div>

So anyway fixed it for me. Much better than the dumb jumping.

[stronktank]

Thanks! Ok I tried to mess with it and I got lost,...

gccc.boards.net/page/media

'snapmatics of the month'.

I'd like the 'play' button to say 'stop' when clicked and to be in the center. Also, why are the scrolling bars at the bottom and right?
If you scroll right you can see the next slides.

I think it's probably better to restart?

[Tumbleweed]

Aug 26, 2015 11:22:57 GMT -8 stronktank said:

Thanks! Ok I tried to mess with it and I got lost,...

gccc.boards.net/page/media

'snapmatics of the month'.

I'd like the 'play' button to say 'stop' when clicked and to be in the center. Also, why are the scrolling bars at the bottom and right?
If you scroll right you can see the next slides.

I think it's probably better to restart?

I was trying to direct you to how to set up a slider. Honestly, this one isn't the best one because it's auto play button is wonky and doesn't shut off when you uncheck it and in fact makes things go faster (does in their demo too). Didn't notice that before. It also doesn't have any nice transitions like others do.

I don't want to try to figure out this guys code to try to make it say stop and play. You may want to search for one that is better and when you find one, just put the javascript and css under the html tab area like I said in my other post and then go ahead and put the actual html in your html widget box since you said you wanted to utilize the html widget box.

Or you can use this one and just get rid of the auto play all together. (You'd still have the play button on videos) If you want to go that route, I can pm you the changes I made to mine so you can see where you went wrong.