Cual es este efecto?

[fdez87]

Buenas, he visto un efecto que a mi entender es jQuery o esta hecho a lo bestia, por que he mirado el codigo y veo mucho jQuery pero no doy con el que es.

La web en cuestion es esta : www.acanthum.com

Muchas gracias de antemano! Saludos

[catska]

cual es el efecto que quieres realizar?, ya que esta página utiliza no uno, sino muchos efectos, todos con Jquery y plugins tmb de jquery

[America|UNK]

Si te refieres a las imágenes usa fadeIn/Out, el otro efecto para cambiar de capas se llama jCarousel

Código Javascript:

var numImages = 4;
var currentImage = 1;
 
var interval = 7000; // Line 1: time interval after which next image will load
var i = 2; /* Inicio */ 
 
        function changeImage()
                        {
                                $("#img" + currentImage).fadeOut("slow", function() {
                                        if (currentImage >= numImages)
                                        {
                                                currentImage = 0;
                                        }
                                        $("#img" + (currentImage + 1) ).fadeIn("slow", function() {
                                                currentImage++;
                                        });
                                });
                        }
                        
        function ChangeImages() 
        {
    
                if (i == images_carta.length) { i = 1; }
                $("#gal_carta").fadeOut('slow', function () {$(this).attr('src', 'galerias/fotos/galeria_carta/' +  images_carta[i]); i++; }).fadeIn('slow');
         }
 
    
$(document).ready(function(){       
     imageInterval = window.setInterval("changeImage();", 7000);
     setInterval(ChangeImages, interval); /* Para la carta*/
 });
 

[fdez87]

Perdon, no he sido explicito. Me referia al efecto cuando navegas entre las distintas secciones, la transicion que hace como si estuviera todo continuado.

[InKarC]

Aqui un tutorial que enseña como (aquí esta con imágenes (<img>), pero con divs es prácticamente lo mismo)
http://tympanus.net/codrops/2011/02/...humbnail-flip/

Por cierto, esa vieja que escribió este tutorial (una tal Mary Lou) ha hecho otros tutoriales de efectos muy interesantes.

[America|UNK]

Iniciado por fdez87

Perdon, no he sido explicito. Me referia al efecto cuando navegas entre las distintas secciones, la transicion que hace como si estuviera todo continuado.

fdez87 se llama jCarousel y te lo puse en el post anterior

[fdez87]

creia q el jCarousel era el efecto de la galeria de imagenes, que sale como un carrusel... Vale, pues lo probare a ver que tal, muchas gracias!

[fdez87]

Osea, yo tendria que programar un solo index.php y meterlo todo ahi no? Y ya luego dentro de ese index dividirlo todo en divs sino me equivoco...

[devsalinas]

si eso es... te envio otra muestra de flowplayer
http://flowplayer.org/tools/demos/scrollable/index.html

[America|UNK]

Iniciado por fdez87

Osea, yo tendria que programar un solo index.php y meterlo todo ahi no? Y ya luego dentro de ese index dividirlo todo en divs sino me equivoco...

Así es, por cierto en realidad la página usa jQuery easySlider y no jCarousel que también lo tiene la página y hace casi lo mismo, si ves su código de fuente está dividida en listas (<li>) #lista_seccion. La sección "Actualidad" no está completamente cargada y por eso amplia también ajax, si es tu caso.
jQuery easySlider
Si tienes una duda, avísame.