Tengo un problema con el scrollBar de esta página
http://manos.malihu.gr/jquery-custom-content-scroller
Hice la prueba sin el while en otro archivo y sí me funciona viendose bien, pero en mi php lo intento meter dentro de un while que repite un Spry Accordion, y no funciona, se ve el scrollbar comun de todos los navegadores.
Este scrollbar es horizontal.
Esta vez estoy perdido y no se donde está mi error.
Creo estar haciendo todo bien.
Este es el codigo en mi header:
Código HTML:
<!-- CSS DE LA SCROLLBAR --> <style type="text/css"> <!-- .content_1{ width:770px; height:230px; overflow:auto; clear:both;} .content .images_container{overflow:hidden;} .content .images_container img{display:block; float:left; margin:0 5px; } a[rel='toggle-buttons-scroll-type'].off{opacity:0.5;} --> </style> <!-- Custom scrollbars CSS --> <link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" /> </head>
Código HTML:
<!-- Get Google CDN's jQuery and jQuery UI with fallback to local --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script>!window.jQuery && document.write(unescape('%3Cscript src="jquery/jquery-1.7.2.min.js"%3E%3C/script%3E'))</script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script>!window.jQuery.ui && document.write(unescape('%3Cscript src="jquery/jquery-ui-1.8.21.custom.min.js"%3E%3C/script%3E'))</script> <!-- mousewheel plugin --> <script src="jquery.mousewheel.min.js"></script> <!-- custom scrollbars plugin --> <script src="jquery.mCustomScrollbar.js"></script> <script> (function($){ $(window).load(function(){ $(".content_1").mCustomScrollbar({ horizontalScroll:true, scrollButtons:{ enable:true, scrollType:"pixels", scrollAmount:116 } }); }); })(jQuery); </script>
Y este es el código que contiene el loop, que es llamado mediante la funcion INCLUDE: ( content_1 es el div del ScrollBar)
Código PHP:
<div id="Accordion1" class="Accordion" tabindex="0">
<?php
while($lineas = mysql_fetch_assoc($resultadolinea)){
$datop = $lineas['IDL'];
$selectproductolinea = "SELECT * FROM catalogoproducto
WHERE IDnum = $datop";
$resultadoproductolinea = mysql_query($selectproductolinea, $cnx)or die(mysql_error());
$resultadoproductolinea2 = mysql_query($selectproductolinea, $cnx)or die(mysql_error());
//$save2 = mysql_fetch_array($resultadoselect3);
echo '<div class="AccordionPanel">';
echo '<div class="AccordionPanelTab"><ul><h2>'.$lineas['linea'].':</h2></ul></div>';
echo '<div class="AccordionPanelContent">';
echo '<div class="content_1">';
while($save = mysql_fetch_assoc($resultadoproductolinea)){
echo '<div class="contencion"><a href="productos.php?p='.$save['link'].'"><img src="150 x 150 SECCIONES/'.$save['minifoto'].'" width="150" height="150" /></a></div>';
}
echo '<p> </p>';
echo '<p> </p>';
echo '<p> </p>';
echo '<p> </p>';
echo '<div class="clearador"></div>';
while($save2 = mysql_fetch_assoc($resultadoproductolinea2)){
echo '<div class="divs"><li><a href="productos.php?p='.$save2['link'].'"><h5>'.$save2['descripcion'].'</h5></a></li></div>';
}
echo '</div>';
echo '</div>';
echo '</div> <!-- FIn Acordions -->';
}
echo '</div> <!--Fin de TODO EL ACORDION -->';
?>