necesito ayuda con un problema con el nivo slider y la funcion de repetir región de php, me explico:
instale el nivo slider y todo me funcionaba bien, la idea era sacar la info(imagen, titulo, subtitulo, link) que necesita el nivo slider de una base de datos, el problema surge cuando creo el Repetir región después de esto el nivo slider no me funciona como debería, en vez de trabajar normal me crea una un campo debajo de la imagen principal(la cantidad de campo depende de la cantidad de imágenes que tenga en la base de datos), no entiendo por que pasa esto... dejare imagenes y el codigo mas abajo...
(en este ejemplo tengo dos imagenes en la base de detos) asi es como se muestra el nivo muestra la primera imagen y el campo donde van las otras la pone en la parte inferior como se muestra en la imagen(no muestra la segunda imagen solo se queda cargando)...
Este es el codigo original del nivo(con este funciona normal)
Código HTML:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <html lang="en"> <head> <title>Nivo Slider Demo</title> <link rel="stylesheet" href="../themes/default/default.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../themes/light/light.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../themes/dark/dark.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../themes/bar/bar.css" type="text/css" media="screen" /> <link rel="stylesheet" href="../nivo-slider.css" type="text/css" media="screen" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body> <div id="wrapper"> <a href="http://dev7studios.com" id="dev7link" title="Go to dev7studios">dev7studios</a> <div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider"> <img src="images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" /> <a href="http://dev7studios.com"><img src="images/up.jpg" data-thumb="images/up.jpg" alt="" title="This is an example of a caption" /></a> <img src="images/walle.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" /> <img src="images/nemo.jpg" data-thumb="images/nemo.jpg" alt="" title="#htmlcaption" /> </div> <div id="htmlcaption" class="nivo-html-caption"> <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. </div> </div> </div> <script type="text/javascript" src="scripts/jquery-1.9.0.min.js"></script> <script type="text/javascript" src="../jquery.nivo.slider.js"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> </body> </html>
Esto es lo que se va a mostrar
Código HTML:
<?php require_once('Connections/conexionpeli.php'); ?> <?php if (!function_exists("GetSQLValueString")) { function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") { if (PHP_VERSION < 6) { $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue; } $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue); switch ($theType) { case "text": $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL"; break; case "long": case "int": $theValue = ($theValue != "") ? intval($theValue) : "NULL"; break; case "double": $theValue = ($theValue != "") ? doubleval($theValue) : "NULL"; break; case "date": $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL"; break; case "defined": $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue; break; } return $theValue; } } $maxRows_DatosSlider = 10; $pageNum_DatosSlider = 0; if (isset($_GET['pageNum_DatosSlider'])) { $pageNum_DatosSlider = $_GET['pageNum_DatosSlider']; } $startRow_DatosSlider = $pageNum_DatosSlider * $maxRows_DatosSlider; mysql_select_db($database_conexionpeli, $conexionpeli); $query_DatosSlider = "SELECT * FROM tbslider ORDER BY tbslider.intOrden ASC"; $query_limit_DatosSlider = sprintf("%s LIMIT %d, %d", $query_DatosSlider, $startRow_DatosSlider, $maxRows_DatosSlider); $DatosSlider = mysql_query($query_limit_DatosSlider, $conexionpeli) or die(mysql_error()); $row_DatosSlider = mysql_fetch_assoc($DatosSlider); if (isset($_GET['totalRows_DatosSlider'])) { $totalRows_DatosSlider = $_GET['totalRows_DatosSlider']; } else { $all_DatosSlider = mysql_query($query_DatosSlider); $totalRows_DatosSlider = mysql_num_rows($all_DatosSlider); } $totalPages_DatosSlider = ceil($totalRows_DatosSlider/$maxRows_DatosSlider)-1; ?> <html><head> <link rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" media="screen" /> <link rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" media="screen" /> <link rel="stylesheet" href="nivo-slider/demo/style.css" type="text/css" media="screen" /> </head> <body> <?php mysql_data_seek($DatosSlider, 0); $row_DatosSlider = mysql_fetch_assoc($DatosSlider);?> <?php do { ?> <div id="wrapper"> <div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider"> <a href="<?php echo $row_DatosSlider['strLink']; ?>"><img src="img/slideshow/<?php echo $row_DatosSlider['strImagen']; ?>" alt="" data-transition="slideInLeft" title="#htmlcaption" width="950" height="255" /></a> </div> <div id="htmlcaption" class="nivo-html-caption"> <h3><?php echo $row_DatosSlider['strTitulo']; ?></h3> <?php echo $row_DatosSlider['strDescripcion']; ?><a href="<?php echo $row_DatosSlider['strLink']; ?>">Mas</a>. </div> </div> </div> <?php } while ($row_DatosSlider = mysql_fetch_assoc($DatosSlider)); ?> <script type="text/javascript" src="nivo-slider/demo/scripts/jquery-1.9.0.min.js"></script> <script type="text/javascript" src="nivo-slider/jquery.nivo.slider.js"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> <?php mysql_free_result($DatosSlider); ?> </body> </html>
desde ya gracias!!!
att:un novato en el desarrollo web
