Código PHP para un slider

[Maru77]

Hola!

Tengo un jquery que pasa imágenes, pero estas no van a ser siempre las mismas, se van a ir modificando y cargando a una base de datos, para eso tengo que llamar desde el jquery los datos de la base.

Pero no logro que funcione, les dejo el código:

Código PHP:

 <script type="text/javascript" src="js/simplegallery.js">
/***********************************************
* Simple Controls Gallery- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
 
<script type="text/javascript">
 
 
var mygallery=new simpleGallery({
wrapperid: "simplegallery", //ID of main gallery container,
dimensions: [1280, 510], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
 
<?php echo $banners->imagen; ?> // acá es de donde debería llamar a las imagenes
 
//["banner/01.jpg", "banner/01.jpg", "mensaje 1", ""], // lo dejé en comentario, porque así muestra imagenes fijas es decir que ya estan en una carpeta.
//["banner/02.jpg", "banner/02.jpg", "mensaje 2", ""]
],
 
autoplay: [true, 4000, 200], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: true,
fadeduration: 1000, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})  

Desde acá se llamaría al script:

Código HTML:

<div class="banner">
  
  <div id="simplegallery"></div>
  <div class="mascara"> <a href="javascript:mygallery.navigate('prev')"><img src="images/left.png" /></a><a href="javascript:mygallery.navigate('next')"><img src="images/right.png" style="margin-left:867px"/></a></div>

  </div> 

Espero me puedan ayudar a ver como es el código php... hace rato que vengo googleando y no encuentro ningún ejemplo que me guíe.

Gracias!

[Maru77]

Intenté esto y si bien no arroja ningún error no muestra nada... :(

Código PHP:

 var img = '<?php echo $banners->imagen ?>'
var enlace = '<?php echo $banners->link ?>'
var tit = '<?php echo $banners->titulo ?>'
 
var mygallery=new simpleGallery({
wrapperid: "simplegallery", //ID of main gallery container,
dimensions: [1280, 510], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["img", "enlace", "tit", ""]
],  

[emprear]

Si es correcto

dentro del javascript


imagearray: [
["amster1.jpg", "url", "_new", "descricion."],
["amster2.jpg", "http://en.wikipedia.org/wiki/Cave", "", ""],
["amster3.jpg", "", "", "Eat your fruits, it's good for you!"],
["amster4.jpg", "", "", ""]
],

lo que está en negritas debe ser generado por el php, el unico parámetro obligatorio es el de la imagen, y recordá que la ultima NO debe llevar una coma al final.
Habría que ver como estás recuprando los registro y como tu php contruye el código javascript. El tercer parámetro es para el target

ahora, sabiendo que
$total = mysql_num_rows($sql);
es el total de registro, agregas a tu loop un contador que incremente para averiguar la ultima fila
vas imprimeindo esto

Código PHP:

///
echo " [\"amster2.jpg\", \"http://en.wikipedia.org\", \"\", \"\"],"
///
 

pero si es la ultima imprimís

Código PHP:

///
echo " [\"amster4.jpg\", \"http://en.wikipedia.org\", \"\", \"\"]"
///
 

sin la coma final

Saludos

[Maru77]

Gracias emprear!

probé algo asi:

Código:

var img = '<?php $imagen="imagenes/banners/$banners->id/n0-s0.jpg"; ?>'
var enlace = '<?php echo $banners->link ?>'
var tit = '<?php echo $banners->titulo ?>'

var mygallery=new simpleGallery({
wrapperid: "simplegallery", //ID of main gallery container,
dimensions: [1280, 510], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
//["img", "enlace", "tit", ""]
<?php echo "[\"img\", \"\", \"\", \"\"]," ?>

],

pero no funcionó, no entiendo como incrustar php dentro de ese array...

[Maru77]

Esto funciona:

Código:

<?php echo "[\"imagenes/banners/banner1.jpg\", \"\", \"\", \"\"]" ?>

pero necesito hacerlo algo así:

Código:

<?php echo "[\"imagenes/banners/$banners->id/imagen.jpg\", \"\", \"\", \"\"]" ?>

[Maru77]

De este modo logré q se visualice la primera imagen:

Código PHP:

 foreach($banners as $ban){  
$imagen="imagenes/banners/$ban->id/n0-s0.jpg";
}
?>   
 
<script type="text/javascript">
 
var mygallery=new simpleGallery({
wrapperid: "simplegallery", //ID of main gallery container,
dimensions: [1280, 510], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
<?php 
echo "[\"$imagen\", \"\", \"\", \"\"]"
 
?>
],  

si pongo de este modo me da error y no muestra la pantalla

Código:

<script type="text/javascript">

var mygallery=new simpleGallery({
wrapperid: "simplegallery", //ID of main gallery container,
dimensions: [1280, 510], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
<?php 
echo "[\"$imagen\", \"\", \"\", \"\"]",
echo "[\"$imagen\", \"\", \"\", \"\"]"

?>
],

no se como hacer el recorrido para que muestre las 5 imágenes que quiero.

Alguna idea?

[emprear]

Ahora estas usando un foreach(), el tema pasa por saber como estas recuperando los valores de tu base de datos

si se aplicase a un simple array con los nombres de las imágenes sería asi

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>generar script</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/simplegallery.js"></script> 
 
<?php
$array = array('A.jpg', 'B.jpg', 'C.jpg', 'D.jpg');
$total = count($array);
$i = 1;
?>
 
<script type="text/javascript">
//<![CDATA[
/* script */
/// inicio de la script
imagearray: [ 
 
<?php
foreach ($array as $valor) {
    if ($i < $total){
       
     echo "[\"$valor\", \"url\", \"_new\", \"descripcion\"],\n";       
        
    }else{
     echo "[\"$valor\", \"url\", \"_new\", \"descripcion\"]\n";
  }
    $i++;
}
 
?>
 
], 
 
/// el resto de la script
 
//]]>
</script>
</head>
<body>
 
</body>
</html>
 

Saludos

[Maru77]

Disculpas por responder tarde, quería agradecerte tu ayuda, muy bueno el ejemplo!!!
Gracias!!!! :)