vamos a ver esto, modifique para que sea algo sencillo
si en el index imprimis la lista de imagenes y le asignas el evento mouseover funciona
Código PHP:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$( function (){
$(".thumb").mouseover(function() {
var imagen = this.id;
$("#fotos").html("el valor de id "+imagen);
});
});
</script>
</head>
<body>
<div id="fotos"></div>
<?php
echo "<ul>";
for($i=0; $i<5;$i++){
echo'<li><img width="10" height="10" id="'.$i.'" border="4px" class="thumb" src="url'.$i.'" /></li>';
}
echo "</ul>";
?>
</body>
</html>
-----------------------------
otra puede ser que el código php y jquery esté en otro archivo y lo cargo con load
el archivo index que llama a galeria.php va a ser
Código HTML:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$( function (){
//Cargo la galeria que se encuentra en galeria.php en el div con id "galeria
$('#galeria').load("galeria.php");
});
</script>
</head>
<body>
<div id="fotos"></div>
<div id="galeria"></div>
</body>
</html> el archivo php galeria.php con la porción de jquery va a ser
Código PHP:
<?php
echo "<ul>";
for($i=0; $i<5;$i++){
echo'<li><img width="10" height="10" id="'.$i.'" border="4px" class="thumb" src="url'.$i.'" /></li>';
}
echo "</ul>";
?>
<script type="text/javascript">
$(".thumb").mouseover(function() {
var imagen = this.id;
$("#fotos").html("el valor de id "+imagen);
});
</script>
eso también funciona porque el codigo jquery esta en el archivo php que llamo con load
-------------------------
pero si está separado el html con jquery en el index:
Código HTML:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$( function (){
//Cargo la galeria que se encuentra en galeria.php en el div con id "galeria
$('#galeria').load("galeria.php");
$(".thumb").mouseover(function() {
var imagen = this.id;
$("#fotos").html("el valor de id "+imagen);
});
});
</script>
</head>
<body>
<div id="fotos"></div>
<div id="galeria"></div>
</body>
</html> y en galeria.php tengo solo php que imprime la lista de imagenes
Código PHP:
<?php
echo "<ul>";
for($i=0; $i<5;$i++){
echo'<li><img width="10" height="10" id="'.$i.'" border="4px" class="thumb" src="url'.$i.'" /></li>';
}
echo "</ul>";
?>
eso no funciona porque la lista de imagen se crea dinamicamente con load y no se puede manejar eventos pero para arreglar eso existe el metodo live
reemplazas
$(".thumb").mouseover(function() {
por
$(".thumb").live('mouseover',function() {
y vas a ver que funciona
trata de que funcione primero con ejemplos similares sencillos que sean estáticos, la parte que posteas de php
como:
require_once '../Logic/gallery.php';
$folder=$_SESSION['usuario'];
$tmp=$_SESSION['array'];
$gale = new gallery();
$gale->loadFolder('../FTP/'.$folder.'');
y el loop que genera la lista no sirve, es solo para confusión
hace el html estático