Looking for a script

[DimitriDV]

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 

[noober]

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/

[DimitriDV]

thanks a lot 

[DimitriDV]

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">&nbsp</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>

[RichardRotterdam]

 

 

 

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?

[DimitriDV]

no errors, just a previous button

then a break

then image1

<br>

image2

<br>

image3

<br>

image4

<br>

image5

and then the next button

[RichardRotterdam]

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>

 

 

[DimitriDV]

I tried firefox:

 

 

invalid property id

[break on this error] * btnNext: ".next",\n

 

[RichardRotterdam]

the * characters shouldnt be there maybe that was comment you pasted ?

[DimitriDV]

<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

[DimitriDV]

not sure what I'm doing wrong

http://gmarwaha.com/jquery/jcarousellite/index.php#install

 

[DimitriDV]

it works!!! thanks a lot 

[DimitriDV]

topic can be closed