add a slider on the html button of the fluxcp

[Kido]

hello, i was trying to add a slider to one of the custom pages that content managment helps to do, however i always run on the same error, where the pictures don't move and are weird displayed, for example it appears 2 of the same pictures, then the thumbails appears too but separated x_x 

i had the css js and so on but didn't work

anyone can help me to add a slider with the html button D:?

thanks in advance o:!

 

some pics lol

here, both pics appear, also the numbers to click/slider

html code

i tryied with a lot of codes with different <tags> and so on but never works x_x

<div id="ayax1">
<div id="ayaximages" style="left: -3000px;"><a href="https://mega.co.nz/#!OcJRxKxT!cv7lrTUB-RrsSpLmyoGj3WZ09Yl_hO0ilM98_ftChOw"><img src="http://www.mediafire.com/convkey/df90/278gukpz2kjn3snfg.jpg?size_id=3" alt="" /></a> <a href="http://www.mediafire.com/download/98u0ujqpfy5ja10/Tairyu+Ro.exe"><img src="http://www.mediafire.com/convkey/6b74/gjuchdu5ouw393wfg.jpg?size_id=3" alt="" /></a></div>
</div>
<div id="ayaxlinks"><a onclick="srcANIMayax(0);" href="javascript:void(0);">1</a> <a onclick="srcANIMayax(1);" href="javascript:void(0);">2</a></div>
<script type="text/javascript">// <![CDATA[
function srcANIMayax(num) {
var mover = num * 500;
document.getElementById("ayaximages").style.left = -mover + "px";
}
// ]]></script>

 

when editing it, it jus appears like this:

 

thanks again in advance!