Como pasar var. PHP a funcion javascript? Tengo este codigo:
Código PHP:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Scrollable view</title>
<link rel="stylesheet" type="text/css" href="css/common.css" /> <!-- Llama a common.css -->
<link rel="stylesheet" type="text/css" href="css/scrollable-view.css"/> <!-- Llama a scrollable-view.css -->
<script type="text/javascript">
var segundos = 1 //cada cuantos segundos cambia la imagen
var dire = "videos/Video 1/" //directorio o ruta donde están las imágenes
var imagenes=new Array()
imagenes[0]="3.jpg"
imagenes[1]="2.jpg"
var preImagenes = new Array()
for (pre = 0; pre < imagenes.length; pre++){
preImagenes[pre] = new Image()
preImagenes[pre].src = dire + imagenes[pre]
}
cont=0
function presImagen(){
document.foto.src= dire + imagenes[cont]
subeOpacidad()
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('bajaOpacidad()',segundos*1000)
}
var iex = navigator.appName=="Microsoft Internet Explorer" ? true : false;
var fi = iex?'filters.alpha.opacity':'style.MozOpacity'
var opa = iex ? 100 : 1;
function bajaOpacidad(){
opa = 0
cambia()
presImagen()
}
function subeOpacidad(){
opaci = iex?100:1;
if(opa <= opaci){
cambia()
opa += iex?10: 0.1;
var opac
opac = setTimeout('subeOpacidad()',10)
}
}
function cambia(){
eval('document.foto.' + fi + ' = opa')
}
var tiempo
function inicio(){
tiempo
bajaOpacidad()
}
function final(){
clearTimeout(tiempo)
document.foto.src="1.jpg"
cont = 0
}
</script>
<script type="text/javascript" src="js/jquery.pack.js" ></script>
<script type="text/javascript" src="js/flashembed.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.scrollable.min.js"></script>
<script type="text/javascript" src="js/flow.embed.js"></script>
<script type="text/javascript">
$("#scrollable").scrollable();
</script>
<script type="text/javascript">
$(function() {
$("a.flowplayer").flowembed("FlowPlayerDark.swf", {
initialScale:'scale', <!-- Formato de tamaño inicial -->
hideControls:false <!-- Esconde los controles del reproductor -->
});
$("div.scrollable").scrollable({
horizontal:true, <!-- Define scroll horizontal o vertical -->
size:1, <!-- Define numero reproductores por DIV -->
onSeek:onClipDone
});
});
</script>
<!-- Cierra funciones javascript -->
</head>
<body>
<div id="page"> <!-- Div contenedor -->
<div class="scrollable"> <!-- Div que engloba el Div "navi" y el Div "Items" -->
<ul class="navi"> <!-- Scroll de selección de video -->
<?
$link = mysql_connect("localhost", "root"); // Conecta al localhost, user Root ( lo guarda todo en $link ).
$connect=mysql_select_db("deporte",$link); // Conecta a la BBDD deporte, "$link" añade localhost y root ( lo
// Guarda todo en $connect ).
$consulta=mysql_query("SELECT * FROM videos"); // Selecciona toda la información de la tabla videos.
$i=0; // Inicializa $i a "0" para utilizarlo en un array.
while($datos=mysql_fetch_array($consulta)) // Bucle: mientras mysql_fetch_array encuentre algo lo guarda en $datos.
{
$array[$i][ID]=$datos[ID];
$array[$i][Nombre]=$datos[Nombre]; // Guarda en $array[$i][Nombre] el valor del campo de la fila "$i" de la
// tabla "videos".
$array[$i][Ruta]=$datos[Ruta]; // Guarda en $array[$i][Ruta] el valor del campo de la fila "$i" de la
// tabla "videos".
$array[$i][IMG]=$datos[IMG]; // Guarda la ruta de la img thumbnail
$array[$i][descripcion]=$datos[descripcion]; // Guarda en $array[$i][descripcion] el valor del campo de la fila "$i" de
// la tabla "videos".
$i++; // $i se incrementa en "1".
}
$i=0; // Inicializamos $i a "0".
while(isset($array[$i])) // Bucle: Mientras $array[$i] tenga información..
{ // Empieza el bucle.
?>
<li>
<a><p><? echo $array[$i][Nombre] ?></p></a> <!-- Muestra la informacion de $array[$i][Nombre] -->
</li>
<?
$i++; // $i se incrementa en "1".
}
?>
</ul> <!-- Se cierra el scroll de selección de video -->
<div class="items"> <!-- Div del Visualizacion de video -->
<?
$i=0; // Inicializa $i a "0" para utilizarlo en un array.
while($datos=mysql_fetch_array($consulta)) // Bucle: mientras mysql_fetch_array encuentre algo lo guarda en $datos.
{
$array[$i][Nombre]=$datos[Nombre]; // Guarda en $array[$i][Nombre] el valor del campo de la fila "$i" de la
// tabla "videos".
$array[$i][Ruta]=$datos[Ruta]; // Guarda en $array[$i][Ruta] el valor del campo de la fila "$i" de la
// tabla "videos".
$array[$i][descripcion]=$datos[descripcion]; // Guarda en $array[$i][descripcion] el valor del campo de la fila "$i" de
// la tabla "videos".
$i++; // $i se incrementa en "1".
}
$i=0; // Inicializamos $i a "0".
while(isset($array[$i])) // Bucle: Mientras $array[$i] tenga información..
{
$foto.$i = "foto".$array[$i][ID];
?>
<div id="Flowplayer" >
<a class="flowplayer" href="<? echo $array[$i][Ruta] ?>" >
<!-- Añade la ruta del video del array[$i][Ruta] -->
<img src="<? echo $array[$i][IMG]."1.jpg" ?>" name=<? echo "foto".$array[$i][ID] ?> id=<? echo "foto".$array[$i][ID] ?> onmouseover="inicio()" onmouseout="final()"> <!-- Imagen previa del video -->
</a>
<div id="titulo">
<? echo $array[$i][Nombre] ?> <!-- Muestra la informacion de $array[$i][Nombre] -->
</div>
<div id="descripcion">
<? echo $array[$i][descripcion] ?> <!-- Muestra la informacion de $array[$i][descripcion] -->
</div>
</div>
<?
$i++; // $i se incrementa en "1".
}
?>
</div> <!-- Se cierra Div de visualizacion de video -->
</div>
</div> <!-- Se cierra Div dcontenedor -->
</body>
</html> Lo que quiero es pasar una variable a la funcion javascript y en vez de foner una ruta de fotos pueda poner la ruta de cada carpeta donde hay fotos.
En la BBDD saco el contenido de la ruta de las imagenes de cada video con:
$array[$i][IMG]=$datos[IMG];
Pues no se que podria hacer para que cada vez que se ejecutara el mouseover de cada imagen se pasara la varriable php con la ruta personalizada..
Aqui llamo a la funcion:
Código HTML:
<img src="<? echo $array[$i][IMG]."1.jpg" ?>" name=<? echo "foto".$array[$i][ID] ?> id=<? echo "foto".$array[$i][ID] ?> onmouseover="inicio()" onmouseout="final()">
