Jquery, Fancybox y Ajax...

[nicolasbiondi]

Hola, estoy haciendo una página web dinámica

http://mantekita.web44.net/

La cual tiene fotos y videos que se muestran mediante un fancybox, y ademas tiene un script de jQuery para que las imágenes se atenúen y regresen al pasar el mouse por encima.

Las páginas cambian mediante un script de Ajax, pero al ir a otra sección el fancybox y el atenuado de las imágenes ya no funcionan, incluso al regresar a la página principal.

Hay algún código o algo que se tenga que hacer para que funcione?

[rigobcastro]

Muéstranos el código... ojalá de toda la página. Sin el no podemos ayudarte y analizar una solución.

[Albuss]

Eres tu el que escribió el código? por que lo que hace el Efecto Jquery es Poner por defecto menos opacidad a todas la imagenes, es decir sobreescribe el fichero CSS

Cuando el evento onmouse over es llamado, la imagen recobra su opacidad al 100%


Creo que es algo bastante sencillo para hacerlo con JS, por eso pregunto si has sido tu el que ha creado el código.

[rigobcastro]

Bueno me fui a la pagina e hice un debbug y pues...

Código:

error404.000webhost.com/?:2Uncaught SyntaxError: Unexpected token <
java1.js:91Uncaught SyntaxError: Unexpected token .
count.php:1Uncaught SyntaxError: Unexpected token <
28event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.

Ahora, tu incrustas la respuesta AJAX en HTML y solo cambias el "content"... Tienes que hacer el callback de fancybox otra vez... No ves que en la linea de tiempo lo llamaste antes de cada AJAX...

Ejemplo:

Código HTML:

<div id="content">
  <a href="url" class="fancybox"><img src="url imagen" /></a>
</content>
 
<script>
$(function(){
   $('.fancybox').fancybox();
});
</script>
 

Esto es lo que tienes que devolver cada vez que llamas AJAX, es una forma fácil de reusar las opciones ya que los plugins muy dificilmente se pueden hacer "live"... Y esto sucede porque cada llamado a AJAX es un nueva respuesta a la carga del DOM.

Saludos!

[nicolasbiondi]

Iniciado por Albuss

Eres tu el que escribió el código? por que lo que hace el Efecto Jquery es Poner por defecto menos opacidad a todas la imagenes, es decir sobreescribe el fichero CSS

Cuando el evento onmouse over es llamado, la imagen recobra su opacidad al 100%


Creo que es algo bastante sencillo para hacerlo con JS, por eso pregunto si has sido tu el que ha creado el código.

Este es el código

Código HTML:

$(function(){
	  $("#imghv a").hover(
      function () {
        $(this).animate({ 'opacity': 1}, 250);
      }, 
      function () {
        $(this).animate({ 'opacity': 0.7}, 250);
      }
    );
	 $("#imghv a").animate({ 'opacity': 0.7}, 500);
	yo=6;
	
});

Hay alguna otra forma de hacerlo, por ejemplo con CSS para poder quitar el script?

[nicolasbiondi]

Iniciado por rigobcastro

Bueno me fui a la pagina e hice un debbug y pues...

Código:

error404.000webhost.com/?:2Uncaught SyntaxError: Unexpected token <
java1.js:91Uncaught SyntaxError: Unexpected token .
count.php:1Uncaught SyntaxError: Unexpected token <
28event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.

Ahora, tu incrustas la respuesta AJAX en HTML y solo cambias el "content"... Tienes que hacer el callback de fancybox otra vez... No ves que en la linea de tiempo lo llamaste antes de cada AJAX...

Ejemplo:

Código HTML:

<div id="content">
  <a href="url" class="fancybox"><img src="url imagen" /></a>
</content>
 
<script>
$(function(){
   $('.fancybox').fancybox();
});
</script>
 

Esto es lo que tienes que devolver cada vez que llamas AJAX, es una forma fácil de reusar las opciones ya que los plugins muy dificilmente se pueden hacer "live"... Y esto sucede porque cada llamado a AJAX es un nueva respuesta a la carga del DOM.

Saludos!

Hola, como tendría que cambiar el orden de los scripts en la linea de tiempo?
Después, el script que me mandaste tendría que ir después de cada imagen, o como, podrías explicarme por favor?

Gracias por tu respuesta, saludos