Welcome Guest, Not a member yet? Register   Sign In
Chocoslider jquery plugin : How to implement or to correct the bug in chrome with CI ?
#1

[eluser]ludo31[/eluser]
Hello everybody ;

please I need your help ? I try to use Chocoslider for my project :

choco slider

when I try the demo it works well in all navigators , but when I insert it in CI : there is a little bug in chrome and I don't know what the reason :

here is the code :

Code:
}
        
        
    </style>
</head>
<body>
    
       <div class="container_12">



      <div class="grid_12">
            
  

      

    <div id="slider">
     <a href="#"><img src="http://localhost/CodeIgniter3/img/img_1.jpg" alt="Foto 1" title="Choco-Slider weighs only 7kb."/></a>
     <a href="#"><img src="http://localhost/CodeIgniter3/img/img_2.jpg" alt="Foto 2" title="Choco-Slider weighs only 7kb."/></a>
     <a href="#"><img src="http://localhost/CodeIgniter3/img/img_3.jpg" alt="Foto 3" title="Choco-Slider weighs only 7kb."/></a>
     <a href="#"><img src="http://localhost/CodeIgniter3/img/img_4.jpg" alt="Foto 4" title="Choco-Slider weighs only 7kb."/></a>
     <a href="#"><img src="http://localhost/CodeIgniter3/img/img_5.jpg" alt="Foto 5" title="Choco-Slider weighs only 7kb."/></a>
    
    </div>
  
    
      
  

    &lt;!--[if IE 7]>
    <br><br>
    <![endif]--&gt;

    
  
   </div>
  
     </div>
    
  
    
      
    
    
    [removed][removed]


    [removed][removed]

    
    
    [removed]
      
    $(window).load(function() {
   $('#slider').chocoslider();
  });

[removed]

      
        
      
  
    
&lt;/body&gt;
&lt;/html

I don't know if it's depend on code but I don't find the reason :

for example when I try it in Firefox it works well like that :

firefox

but in chrome I have something like that :

chrome


and it is the same when I try for example another plugin like nivo slider

nivo slider
did you know what's wrong ???
thanks
#2

[eluser]Unknown[/eluser]
I had this same issue. What I did was to lower the number of "strips" =>
jQuery('#your_slider_id').chocoslider({
speedStrip:500,
effect:'slide',
numberStrips:12, /* No more than 12, maybe 8 or 10, I'm not sure */
sliderDelay:5000
})

I know it's a late answer but someone else might need help on that.




Theme © iAndrew 2016 - Forum software by © MyBB