×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: PHP
Posted by: Hoang van
Added: Oct 25, 2014 3:11 AM
Views: 11
Tags: marquee
Tạo shortcode wordpress tạo ảnh chạy marquee sử dụng jCarousel
  1. add_shortcode('marquee_html','mymarquee');
  2. function mymarquee($atts,$content){
  3.         $args=array('scroll'=>'5','id'=>'1','class'=>'my_jcarouse_marquee','speed'=>2000);
  4.     $d=shortcode_atts($args,$atts);
  5.           extract($d);
  6.           //get meta slider
  7.           $jcarouse='<ul>';
  8.           myslider::$object->set_slider($id);
  9.         $query=myslider::$object->slider->get_slides();
  10.           while ( $query->have_posts() ) {      
  11.                 $query->next_post();
  12.                 $link=get_post_meta($query->post->ID,'ml-slider_url',true);
  13.                 $img=wp_get_attachment_image_src($query->post->ID,'full');
  14.                 $jcarouse.='<li><a href="'.$link.'"><img src="'.$img[0].'"/></a></li>';
  15.                
  16.         }
  17.         $jcarouse.='</ul>';
  18.          
  19.         $t= '<div  class="/*g v*/" style="min-height:300px"><div class="'.$class.'" id="meta_slider_'.$id.'">'.$jcarouse.'</div>';
  20.         $t.='
  21.         <script>
  22.         $(document).ready(function(){
  23.                 jQuery("#meta_slider_'.$id.'").jCarouselLite({
  24.                         speed: '.$speed.',
  25.                         auto:1,
  26.                         //scroll:'.$scroll.',
  27.                         vertical:true,
  28.                         //wrap: "last",
  29.                 });;
  30.         });
  31.         </script>
  32.         ';
  33.         $t.='</div>';
  34.         return $t;
  35. }