DimitriDV Posted January 23, 2009 Share Posted January 23, 2009 does anyone know a script to show some logos horizontal, and when the user clicks on an arrow to the left, he can see more logos to the left scrolling by, visa versa to the right I can do it in flash, but I want to do this with JS/AJAX Quote Link to comment Share on other sites More sharing options...
noober Posted January 25, 2009 Share Posted January 25, 2009 You'd probably have an easy time modifying something someone's already made in JQuery to show just one image and scroll it. http://gmarwaha.com/jquery/jcarousellite/index.php http://sorgalla.com/jcarousel/ Quote Link to comment Share on other sites More sharing options...
DimitriDV Posted January 26, 2009 Author Share Posted January 26, 2009 thanks a lot Quote Link to comment Share on other sites More sharing options...
DimitriDV Posted January 26, 2009 Author Share Posted January 26, 2009 nice script but doesn't work here's my code: <button class="prev"><<</button> <button class="next">>></button> <div class="carousel"> <a href="#" class="prev"> </a> <div class="jCarouselLite"> <ul> <li><img src="images/stories/1.jpg" /></li> <li><img src="images/stories/2.jpg" /></li> <li><img src="images/stories/3.jpg" /></li> <li><img src="images/stories/4.jpg" /></li> <li><img src="images/stories/5.jpg" /></li> <li><img src="images/stories/6.jpg" /></li> </ul> <script type="text/javascript"> $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev" * }); </script> </div> <button class="next">>></button> <div class="clear"></div> </div> can someone help me? I also added the js in head section: <script type="text/javascript" src="http://www.certipost.be/retail/js/jquery.js"></script> <script type="text/javascript" src="http://www.certipost.be/retail/js/jcarousellite_1.0.1.js"></script> <script type="text/javascript" src="http://www.certipost.be/retail/js/jcarousellite_1.0.1.min.js"></script> <script type="text/javascript" src="http://www.certipost.be/retail/js/jcarousellite_1.0.1.pack.js"></script> Quote Link to comment Share on other sites More sharing options...
RichardRotterdam Posted January 26, 2009 Share Posted January 26, 2009 can someone help me? I also added the js in head section: <script type="text/javascript" src="http://www.certipost.be/retail/js/jcarousellite_1.0.1.js"></script> <script type="text/javascript" src="http://www.certipost.be/retail/js/jcarousellite_1.0.1.min.js"></script> <script type="text/javascript" src="http://www.certipost.be/retail/js/jcarousellite_1.0.1.pack.js"></script> you only need one of this js files it's the same file but compressed(or not compressed) differently. What are the errors you recieve? Quote Link to comment Share on other sites More sharing options...
DimitriDV Posted January 26, 2009 Author Share Posted January 26, 2009 no errors, just a previous button then a break then image1 <br> image2 <br> image3 <br> image4 <br> image5 and then the next button Quote Link to comment Share on other sites More sharing options...
RichardRotterdam Posted January 26, 2009 Share Posted January 26, 2009 are you sure there are no javascript errors? this part doesn't look like it will not cause any errors <script type="text/javascript"> $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev" * }); </script> Quote Link to comment Share on other sites More sharing options...
DimitriDV Posted January 26, 2009 Author Share Posted January 26, 2009 I tried firefox: invalid property id [break on this error] * btnNext: ".next",\n Quote Link to comment Share on other sites More sharing options...
RichardRotterdam Posted January 26, 2009 Share Posted January 26, 2009 the * characters shouldnt be there maybe that was comment you pasted ? Quote Link to comment Share on other sites More sharing options...
DimitriDV Posted January 26, 2009 Author Share Posted January 26, 2009 <button class="prev"><<</button> <button class="next">>></button> <div class="anyClass"> <ul> <li><img src="1.jpg" alt="1" /></li> <li><img src="2.jpg" alt="2" /></li> <li><img src="3.jpg" alt="3" /></li> <li><img src=4.jpg" alt="4" /></li> <li><img src="5.jpg" alt="5" /></li> <li><img src="6.jpg" alt="6" /></li> </ul> <script type="text/javascript"> $(function() { $(".anyClass").jCarouselLite({ btnNext: ".next", btnPrev: ".prev" }); }); </div> script does not work, images are vertical underneath each other, no horizontal scrollbar i'm getting crazy Quote Link to comment Share on other sites More sharing options...
DimitriDV Posted January 26, 2009 Author Share Posted January 26, 2009 not sure what I'm doing wrong http://gmarwaha.com/jquery/jcarousellite/index.php#install Quote Link to comment Share on other sites More sharing options...
DimitriDV Posted January 26, 2009 Author Share Posted January 26, 2009 it works!!! thanks a lot Quote Link to comment Share on other sites More sharing options...
DimitriDV Posted January 26, 2009 Author Share Posted January 26, 2009 topic can be closed Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.