2011-01-10 3 views
0

Ich habe eine Fade-Show von Bildern und oben habe ich Diashow eines anderen Div mit Beschreibung mit jquery Zyklus-Plugin. Beide werden gleichzeitig vorkommen. So dass die Beschreibung dem Bild entspricht.Wie versteckt man das div und macht es nach einigen Intervallen wieder sichtbar, während man jquery cycle plugin benutzt?

Aber ich möchte Beschreibung Div kommen von links nach dem Bild kommt und gehe zurück wie Toggle-Effekt vor dem Bild ändert.

verwendete Code ist

$(document).ready(function() { 
    $('.slideshow').cycle({ 
     fx: 'fade', 
     timeout: 6000, 
      delay: -2000 
    }); 
$('.slideshowtext').cycle({ 
     fx: 'scrollRight', 
     timeout: 6000, 
      delay: -2000 
    }); 
}); 

Antwort

0
$('.slideshowtext').cycle({ 
    fx: 'scrollRight', 
    timeout: 6000, 
    delay: -2000, 
    before: slideOut, 
    after: slideIn 
}); 

function slideIn() { 
    $('.slideshowtext').animate({left: '- [width of the slideshow] px'}, 100); 
} 

function slideOut() { 
    $('.slideshowtext').animate({left: 0}, 100); 
} 

Wrap '.slideshowtext', so dass es Überlauf ist auf der linken Seite ausgeblendet. Alternativ können Sie sich auch die s3 slider ansehen.

Verwandte Themen