PHP y Javascript

marcos46g · #1 (**permalink**) 10/04/2010, 13:13

Hola necesito que me ayuden a incluir este script javascript en mi pagina php que encontre en el buscador
Lo que no se es como cambiar los nombres de las imagenes pues yo los levanto de la base de datos y tengo algo asi
echo '<align="right"><img src="../images/C/'.$row["imagen1"].'" )")width="150" height="100">'
No tengo el nombre directamente, como puedo incluir el nombre en el script
espero me entiedan
Gracias desde ya

<html>
<head>
<script type="text/javascript">
function ini() {
imagenes = ['imagen1.jpg', 'imagen2.jpg', 'imagen3.jpg'];
num = Math.floor(Math.random() * imagenes.length);
document.getElementById('im').src = imagenes[num];
}
</script>
</head>
<body onload="ini()">
<img id="im" src="" />
</body>
</html>

mauroave · #2 (**permalink**) 10/04/2010, 13:40

A ver...que es lo que tienes guardado en la base de datos? la ruta a la imagen?, el nombre de la imagen? porque si es lo que veo, o sea esto:

Código PHP:

  echo '<align="right"><img src="../images/C/'.$row["imagen1"].'" )")width="150" height="100">'

entonces en este caso creo que es el nombre de la imagen la que tienes guardada en la base de datos. Por lo tanto este nombre lo obtienes con $row["imagen1"]

Sino explicame mejor..:S

Saludos!

lucasphp · #3 (**permalink**) 10/04/2010, 13:45

Código HTML:

imagenes = ['<? echo $nombreimagen1; ?>', '<? echo $nombreimagen2; ?>', '<? echo $nombreimagen3; ?>'];

samu22 · #4 (**permalink**) 10/04/2010, 14:34

tal como lo dice lucasphp, ahora si las imagenes las tenes cargadas dentro de la pagina podes usar esto tambien que no requiere que conoscas el nombre de la imagen

Código HTML:

Ver original<html>
    <head>
        <script type="text/javascript">
            function ini(){
                var cont = document.getElementById('ImagenesCont');
                var imgs = cont.getElementsByTagName('img');
                var num = Math.floor(Math.random() * imgs.length);
                document.getElementById('im').src = imgs[num].src;
            }
        </script>
    </head>
    <body onload="ini()">
        <div id="ImagenesCont" style="display:none">
            <img src="http://profile.ak.fbcdn.net/v22943/184/121/t1554270736_2888.jpg" />
            <img src="http://www.webintenta.com/Files/Breves/1004201016.jpg" />
            <img src="http://www.webintenta.com/Files/Breves/1004201015.jpg" />
            <img src="http://www.webintenta.com/Files/Breves/100420103.jpg" />
            <img src="http://www.webintenta.com/Files/Breves/100420102.jpg" />
            <img src="http://www.webintenta.com/Files/Breves/100420101.jpg" />
        </div>
        <img id="im" src="" />
        
        
    </body>
</html>

marcos46g · #5 (**permalink**) 10/04/2010, 15:00

Cita:

Iniciado por samu22

tal como lo dice lucasphp, ahora si las imagenes las tenes cargadas dentro de la pagina podes usar esto tambien que no requiere que conoscas el nombre de la imagen

Código HTML:

Ver original<html>
    <head>
        <script type="text/javascript">
            function ini(){
                var cont = document.getElementById('ImagenesCont');
                var imgs = cont.getElementsByTagName('img');
                var num = Math.floor(Math.random() * imgs.length);
                document.getElementById('im').src = imgs[num].src;
            }
        </script>
    </head>
    <body onload="ini()">
        <div id="ImagenesCont" style="display:none">
            <img src="http://profile.ak.fbcdn.net/v22943/184/121/t1554270736_2888.jpg" />
            <img src="http://www.webintenta.com/Files/Breves/1004201016.jpg" />
            <img src="http://www.webintenta.com/Files/Breves/1004201015.jpg" />
            <img src="http://www.webintenta.com/Files/Breves/100420103.jpg" />
            <img src="http://www.webintenta.com/Files/Breves/100420102.jpg" />
            <img src="http://www.webintenta.com/Files/Breves/100420101.jpg" />
        </div>
 
 
 
        <img id="im" src="" />
        
        
    </body>
</html>

Asi puse el script

<script type="text/javascript">
function ini(){
var cont = document.getElementById('ImagenesCont');
var imgs = cont.getElementsByTagName('img');
var num = Math.floor(Math.random() * imgs.length);
document.getElementById('im').src = imgs[num].src; }
</script>

<body onload="ini()">
<div id="ImagenesCont" style="display:none">
<img src="<?$row["imagen1"];?>" />
<img src="<?$row["imagen2"];?>" />
<img src="<?$row["imagen3"];?>" />
<img src="<?$row["imagen4"];?>" />
</div>

pero no me funciona
lo que me deja dudas es que
include 'db.php';

$result=mysql_query("select * from avisos where idAviso='".$idAviso."'");
$row=mysql_fetch_array($result);

que es donde busco el Nombre de la imagen en la base de datos queda despues
y no me funciona

samu22 · #6 (**permalink**) 10/04/2010, 23:37

Cita:

Iniciado por marcos46g

Asi puse el script

<script type="text/javascript">
function ini(){
var cont = document.getElementById('ImagenesCont');
var imgs = cont.getElementsByTagName('img');
var num = Math.floor(Math.random() * imgs.length);
document.getElementById('im').src = imgs[num].src; }
</script>

<body onload="ini()">
<div id="ImagenesCont" style="display:none">
<img src="<?$row["imagen1"];?>" />
<img src="<?$row["imagen2"];?>" />
<img src="<?$row["imagen3"];?>" />
<img src="<?$row["imagen4"];?>" />
</div>

pero no me funciona
lo que me deja dudas es que
include 'db.php';

$result=mysql_query("select * from avisos where idAviso='".$idAviso."'");
$row=mysql_fetch_array($result);

que es donde busco el Nombre de la imagen en la base de datos queda despues
y no me funciona

ese es un error totalment distinto de la funcionalidad de javascript, primero tendrias que verificara que mysql no te este dando errores, segundo $row obtendra los datos de la ultima fila ya que si no seteas una variable dentro de un ciclo while la variable se va a recorrer guardando sobre la misma varible el ultimo dato obtenido hasta llegar al ultimo. Ahora suponiendo que la consulta funciona perfectamente deberias obtener los datos e imprimrlos o guardarlos mientras se hace el bucle y luego utilizarlos, si primero pones la variable $row antes de definirla no vas a obtener ningun dato tampoco. Y cuando combinas html y php en linea debes imprimir los resultados para que sean visibles en la salida html prueba de esta manera:

Código PHP:

Ver original<html>
    <head>
        <script type="text/javascript">
            function ini(){
                var cont = document.getElementById('ImagenesCont');
                var imgs = cont.getElementsByTagName('img');
                var num = Math.floor(Math.random() * imgs.length);
                document.getElementById('im').src = imgs[num].src;
            }
        </script>
    </head>
    <body onload="ini()">
        <div id="ImagenesCont" style="display:none">
            <?php
               include 'db.php';
               $result=mysql_query("select * from avisos where idAviso='".$idAviso."'");
                while($row=mysql_fetch_array($result)){
            ?>  
                 <img src="<?php echo $row['imagen'];?>" />    
            <?php } //Fin del bucle?>
        </div>

la funcion mysql_fetch_array va a recorrer el resulset devolviendo los datos de las filas, no va a generar una variable con campos de distintas filas, no se como sera la estructura de tu tabla solamente supuse que dentro de Avisos tendrias un campo imagen.

dentro del ciclo while puedes acceder a cualquier field de la fila que se esta recorriendo, si tienes 4 campos de imagenes puedes acceder a ellos desde el nombre del campo
EJEMPLO

[TABLA AVISOS]
id | titulo | contenido | imagen | imagen2 | imagen3 | imagen4

Código PHP:

Ver original<?php
   while($row=mysql_fetch_array($result)){
?>  
      <img src="<?php echo $row['imagen'];?>" />
      <img src="<?php echo $row['imagen2'];?>" />
      <img src="<?php echo $row['imagen3'];?>" />
      <img src="<?php echo $row['imagen4'];?>" />    
<?php
    } //Fin del bucle
?>