javascript - No luck with image slider -

i've been using image slider http://responsiveslides.com/ due it's simplicity , it's i'm after.

so slider have html

<ul class="rslides">   <li><img src="1.jpg" alt=""></li>   <li><img src="2.jpg" alt=""></li>   <li><img src="3.jpg" alt=""></li> </ul> 

the css

.rslides {   position: relative;   list-style: none;   overflow: hidden;   width: 100%;   padding: 0;   margin: 0;   }  .rslides li {   -webkit-backface-visibility: hidden;   position: absolute;   display: none;   width: 100%;   left: 0;   top: 0;   }  .rslides li:first-child {   position: relative;   display: block;   float: left;   }  .rslides img {   display: block;   height: auto;   float: left;   width: 100%;   border: 0;   } 

js

<script>   $(function() {     $(".rslides").responsiveslides();   }); </script> 

http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

the main javascript file felt long put on here if go through source code instead, i'd appreciate apologies in advance. couldn't post due reputation issue.

now slider i'm using has been laid out, issue i'm having when stick html in body end result image #1 without movement trying suss out why.

i researched before via stackoverflow see similar issue , saw changes made small script tag javascript function, updated these problems , never changed anything.

another thing when check console states responsiveslides not function, when check console original slider locally, it's functional , console error free.

any support gratefully appreciated, it's been tedious , it's simple issue.

regards.

there seems jquery incompatibility issue @ hand. responsiveslides.js uses $slide.size(), whereas users jquery 1.8+ should use $slide.length.

.size() deprecated of jquery 1.8.

use this version forked instead.

demo: http://jsfiddle.net/svartist/rfn7z5g2/