In urmatorul cod , JS refuza sa functioneze:
Cod: Selectaţi tot
<div id="carousel">
<?php for($i = 0; $i < count($it); $i++) {
$pic = mysql_query_assoc(" select * from erad_galerie where id_produs='".$it[$i][id_produs]."' order by prim desc");
?>
<div>
<img src="<?=PICS_URL_SMALL.$pic[0][pic]?>" alt="<?=$it[$i][produs]?>" title="<?=$it[$i][produs]?>" border="0" />
<span>Apple</span>
</div>
<? }?>
</div>
Daca pun in for div-urile generate din codul sursa, JS functioneaza. In consola JS nu primesc nici un mesaj de eroare.
Pentru a trata conflictul dintre Jquery si Prototype folosesc:
<!-- Jquery fara conflict cu scriptaculos prototip -->
<script type="text/javascript">
var $J = jQuery.noConflict();
</script>
Aici este codul JS:
Cod: Selectaţi tot
<script src="<?=SITE_URL?>js/coolcarousel/jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>
<script type="text/javascript">
$J(function() {
var $c = $J('#carousel'),
$w = $J(window);
$c.carouFredSel({
align: false,
items: 10,
scroll: {
items: 1,
duration: 2000,
timeoutDuration: 0,
easing: 'linear',
pauseOnHover: 'immediate'
}
});
});
</script>