Jquery cycle
Submitted by Sir Squall on Tue, 04/12/2011 - 10:13
Bon tous le monde connais jquery cycle, et tous le monde sais faire des petits carrousels, mais ce qui est plus club a faire c'est un petit "after" qui affiche la title et le alt de l'image:
/** *Gets javascript settings for slideshow and sets up Drupal behaviour * *@param string $jq_slideshow_id dom id of slideshow *@param string $preset imagecache preset name * */ function THEME_jquery_slideshow_get_settings($jq_slideshow_id, $preset) { jquery_plugin_add('cycle'); $data = _jquery_slideshow_get_actions($preset); $script = "Drupal.behaviors.jquerySlideshow = function(){ $('.jquery_slideshow').css({height:'400px'}); $('.jquery_slideshow').css({width:'600px'}); $('#". $jq_slideshow_id ."').cycle({ fx: '". variable_get('jquery_slideshow_effect', 'fade') ."', speed: ". variable_get('jquery_slideshow_speed', 500) .", timeout: ". variable_get('jquery_slideshow_timeout', 4000) .", next: '#next', prev: '#prev', after: onAfter }); };"; $script .= "function onAfter(curr, next, opts) { //get the current img $('#slideshow img').each(function(){ if( $(this).is(':visible') ) { $('.slideshowinfo').remove(); if($(this).attr('title') || $(this).attr('alt')){ $(this).parent().parent().append('<div class=\"slideshowinfo\"><h2>'+$(this).attr('title')+'</h2><p>'+$(this).attr('alt')+'</p>'); $('.slideshowinfo').fadeIn(500); } } }); }"; drupal_add_js($script, 'inline'); }
C'est fait !!!
Tags:






2 reponses to "Jquery cycle"
1. yep je vais faire un petit
2. Pas d'exemple????