class Yu_banner extends WP_Widget { //繼承了 WP_Widget 這個類來創建新的小工具(Widget)

function Yu_banner() {

// 主要內容方法

$widget_ops = array(

'description' => '添加幻燈片'

);

$control_ops = array(

'width' =>400,

'height' =>300

);

parent::WP_Widget(false,$name='Yu幻燈片',$widget_ops,$control_ops);

//parent::直接使用父類中的方法

//$name 這個小工具的名稱,

//$widget_ops 可以給小工具進行描述等等。

//$control_ops 可以對小工具進行簡單的樣式定義等等。

}

function form($instance) {

// 給小工具(widget) 添加表單內容

$nav1_link = $instance['nav1_link'];

$nav1_title = $instance['nav1_title'];

$nav2_link = $instance['nav2_link'];

$nav2_title = $instance['nav2_title'];

$nav3_link = $instance['nav3_link'];

$nav3_title = $instance['nav3_title'];

$nav4_link = $instance['nav4_link'];

$nav4_title = $instance['nav4_title'];

?>

幻燈片1

value="<?php echo esc_attr($nav1_link); ?>"/>

*幻燈片鏈接

value="<?php echo esc_attr($nav1_title); ?>"/>

*幻燈片標題

幻燈片2

value="<?php echo esc_attr($nav2_link); ?>"/>

*幻燈片鏈接

value="<?php echo esc_attr($nav2_title); ?>"/>

*幻燈片標題

幻燈片3

value="<?php echo esc_attr($nav3_link); ?>"/>

*幻燈片鏈接

value="<?php echo esc_attr($nav3_title); ?>"/>

*幻燈片標題

幻燈片4

value="<?php echo esc_attr($nav4_link); ?>"/>

*幻燈片鏈接

value="<?php echo esc_attr($nav4_title); ?>"/>

*幻燈片標題

jQuery(document).ready(function(){

var ashu_upload_frame;

var value_id;

jQuery('.ashu_upload_button').live('click',function(event){

value_id =jQuery( this ).attr('id');

event.preventDefault();

if( ashu_upload_frame ){

ashu_upload_frame.open();

return;

}

ashu_upload_frame = wp.media({

title: 'Insert image',

button: {

text: 'Insert',

},

multiple: false

});

ashu_upload_frame.on('select',function(){

attachment = ashu_upload_frame.state().get('selection').first().toJSON();

//jQuery('#'+value_id+'_input').val(attachment.url).trigger('change');

jQuery('input[name='+value_id+']').val(attachment.url).trigger('change');

});

ashu_upload_frame.open();

});

});

}

function update($new_instance, $old_instance) {

// 進行更新保存

$instance = $old_instance;

$instance[ 'nav1_link' ] = strip_tags( $new_instance[ 'nav1_link' ] );

$instance[ 'nav1_title' ] = strip_tags( $new_instance[ 'nav1_title' ] );

$instance[ 'nav2_link' ] = strip_tags( $new_instance[ 'nav2_link' ] );

$instance[ 'nav2_title' ] = strip_tags( $new_instance[ 'nav2_title' ] );

$instance[ 'nav3_link' ] = strip_tags( $new_instance[ 'nav3_link' ] );

$instance[ 'nav3_title' ] = strip_tags( $new_instance[ 'nav3_title' ] );

$instance[ 'nav4_link' ] = strip_tags( $new_instance[ 'nav4_link' ] );

$instance[ 'nav4_title' ] = strip_tags( $new_instance[ 'nav4_title' ] );

return $instance;

}

function widget($args, $instance) {

// 輸出顯示在頁面上

$nav1_link = $instance['nav1_link'];

$nav1_title = $instance['nav1_title'];

$nav2_link = $instance['nav2_link'];

$nav2_title = $instance['nav2_title'];

$nav3_link = $instance['nav3_link'];

$nav3_title = $instance['nav3_title'];

$nav4_link = $instance['nav4_link'];

$nav4_title = $instance['nav4_title'];

?>

}

}

總結

以上是生活随笔為你收集整理的php自动轮播图代码,教你纯代码实现wordpress主题幻灯片轮播图片功能小工具的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。