From 3a7bbce93c5132c28b4d37bb5a28fe41649e1e6f Mon Sep 17 00:00:00 2001 From: Fan-Wu Geoffrey Yang Date: Fri, 13 Jan 2023 22:05:19 +1300 Subject: [PATCH] first commit --- next.png | Bin 0 -> 1900 bytes prev.png | Bin 0 -> 1834 bytes slider_script.js | 86 +++++++++++++++ style.css | 205 ++++++++++++++++++++++++++++++++++ yafed-wp-slider.php | 264 ++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 555 insertions(+) create mode 100644 next.png create mode 100644 prev.png create mode 100644 slider_script.js create mode 100644 style.css create mode 100644 yafed-wp-slider.php diff --git a/next.png b/next.png new file mode 100644 index 0000000000000000000000000000000000000000..a2454008b36ec19d1bf9bbf1ed399684b08cac8f GIT binary patch literal 1900 zcmdT_hf~v85DpzY5|E~l1cHc23pGPWFd-BLL}@`vP?|wQkN^@92na!ncyI`E2$&4z zq$oD3388y{7(ppR3l_RWIF5jn`{CR_;mmupZ@=Ad-?uyS=G{5xVh=u~bO;0jfgK$% z=K-4p0ttY`MS;`Jt%ORz2t=K?KMksT3tIpj;ZR#=TM(!|=eM0e5x|!qIpCr|AV|l- z7U+qn3IaeyvYj{iLPQ8THt>2dh!l8*NJbKa$p~YlKGML*Sm+`J1QMNa#Mrvu@L!pH z^Ek*uI+aUNa;uNSl$QD17K=kL7z|s~Zdv|jXPr~$=`&rAJ{c>xQ|0>3e7j||UJPFf z;88pK)BQ}0T#GH^K9Nijg}TRRzwEN7S-S6OZnNT?L~>=p`*U<|-|8meI6?|iik6lG z^F8B8{LM*CSaJmi&(b6E_RCoiSaJx*hNVlKxeGZ&D|0mN9n66KHDglsgWS0%cEfDQW9ZZEa?ka7^ zMS`c*;O;AGy%Kb8;yGW&W|qgA1U=C%LT+S6J}i^(t(w<_^S$iVzAHT9Kodex_S>Ny zcjnb+x@L=-m2|63g=O7_rgZB5s^*C3K-d`1-QzPmK0nbA;_8%Ij98xA5K|L~bEVH> zom)Ono|+>!ki<{WE8y!^EO}l5-jFa}Vv?ekpbbmDL*72qrWI#M@G007uF2J4R77u) z%RCHe_+x}|r%g%URFAbFvUszvK~TP>B0RYvBYctIt?r7YmGvpO>4~*!6sCK=(UTh) z{s0UUD6FX>SFdh0br-FF7`0+PC^0UJRB*;R4?(qn6w=rYLxNKEXI|Bnn%oXXMZFUw zr|4sFe!ptr*-CU%gmB6UfqR?MonC^1o)HxQ{0BE4+awmw1QfZ zVcC%+mLVsAmYXj1supGybszA23Up_CQYEosWqq~5lmN6Sof{ix#E<2w;}HbU0-C$Q z4!a8H$0Toi1@eX5o;P0=-#;mth#-8_?m|VOd_`bcMH{}61HNEZjQLU2(%5WKlagQK zY{8%yoy&6fHS%KoiBZw}+#AOCD?!q^r*OT$b9mEwbq}gJywa0Dai;a&Wp2njY8XF2 zVWj^9X=D&TtW%;Wt%R!X11l#gq@B9wvcHB~mc$NRDu*7R>$es6@WVC8fW07oire!k zO`u$0xy4Z+ z;Az>C?&$8S`t1kqBYZ1-`AupSJ2nH_cK?RpoCpKEhCpiOS`CnaZY%b6hrNQLWPK!H`SF_K;i(r^h*j zT#JfCO+?3KqwI9LOg9zPhRqaX` zR2KjMI@Yj7QsI37KR(T<-8rWtNCMXFy(;LehUazBH6haBocSF#n~ zmCTKLpxyhOiaE7xl>f2gaRuxWWi)&KW*q`&ij-QFOzPk8TZ`*>T%JOSO;hx?ZVl&L z0=dkYX`j(5zEu+wyKCXEmQ*6Mj1oVaP-GcwK{iosDEyKoaxazKXt2Hbs^s zslRM4FQz4@WBA5VMFqpnPXIU0x^P#3Zp^Qas~<<(uR>DszJ14PrO)^tUtD?qZJLhQ zusww5Pi}5x>$H;g<&y;JO8bQrdi~g1O_S`-l~3ipP#{)Rbj{ys>Y^a6lewZ}XXm_P zwb^q}c87UA!SInx-!rqJCwDBm>4W({w+YRtlZ)JdMXwpRKJhy5yiGxI)k~hukG_5N z%@*r}nQw+Tid25?n5#qLUdA(w^z>ASj!Ls zVA2tshON-!1$2SIsr!-Vi60@GVq3_2_?D%{h_Vpobj?yZI4)#;(B9*gxFg|@8wy;a9^6A1tCmN}iR}q0csYzBDM+qfM0#+WsC}g*x3phZvO`6#tj%Na z81F;`OCSmvGr~88et})l0|~+^N9UL9jpC4#xn@6XWu~n-bb!s1`F$_})iG_u=1Fcg zTtrp$OW=v?Rmigy^qfuR1`Rahr2F(z{O$wNX~qD(?p;4l>V>y3t#fvj_}ba{;b8*( vEVwFKKEWLBXQYMv&wj^C?}cqlqiT89K+l<8i`Tu-QwHq!Ac3{+A)J2!7pP)` literal 0 HcmV?d00001 diff --git a/slider_script.js b/slider_script.js new file mode 100644 index 0000000..464bdf1 --- /dev/null +++ b/slider_script.js @@ -0,0 +1,86 @@ +/* + * Created by: YaFedImYaEatIm. + * All creation credits belong to YaFedImApps. + */ + + +var ys_slider_no = 0; +var ys_slider_max_no = $(".ys-slide").length; +var timer; +var moving = false; + +function gotoSlide(slide_no, force_left){ + if (slide_no === "timer_increase"){//bad practice but :P IDC + slide_no = ys_slider_no + 1; + } + if (slide_no >= ys_slider_max_no){ + slide_no = 0; + } else if (slide_no < 0){ + slide_no = ys_slider_max_no - 1; + } + if (ys_slider_max_no > 1 && !moving && ys_slider_no !== slide_no){ + moving = true; + $($(".ys-page-nav > span").get(slide_no)).addClass("ys-active"); + $($(".ys-page-nav > span").get(ys_slider_no)).removeClass("ys-active"); + //console.log("Slider incrementing!"); + //hid one display the other TODO animate. + if ((slide_no > ys_slider_no || (ys_slider_no === ys_slider_max_no - 1 && slide_no === 0)) && force_left === false){ + //show both + $($(".ys-slide").get(ys_slider_no)).css("display", "table"); + $($(".ys-slide").get(slide_no)).css("display", "table"); + + var old_var = ys_slider_no; + + $($(".ys-slide").get(ys_slider_no)).animate({left:"-=100%"}, + {duration:1000, queue: false, + complete: function(){ + $($(".ys-slide").get(old_var)).css("display", "none"); + moving = false; + }}); + + $($(".ys-slide").get(slide_no)).css("left", "100%"); + $($(".ys-slide").get(slide_no)).animate({left:"-=100%"}, + {duration:1000, queue: false}); + + ys_slider_no = slide_no; + }else{ + //show both + $($(".ys-slide").get(ys_slider_no)).css("display", "table"); + $($(".ys-slide").get(slide_no)).css("display", "table"); + + var old_var = ys_slider_no; + + $($(".ys-slide").get(ys_slider_no)).animate({left:"+=100%"}, + {duration:1000, queue: false, + complete: function(){ + $($(".ys-slide").get(old_var)).css("display", "none"); + moving = false; + }}); + + $($(".ys-slide").get(slide_no)).css("left", "-100%"); + $($(".ys-slide").get(slide_no)).animate({left:"+=100%"}, + {duration:1000, queue: false}); + + ys_slider_no = slide_no; + } + } +} + +function ys_prev_slide(){ + gotoSlide(ys_slider_no - 1, true); + clearInterval(timer); + timer = setInterval(function(){gotoSlide("timer_increase", false);}, 10000); +} + +function ys_next_slide(){ + gotoSlide(ys_slider_no + 1, false); + clearInterval(timer); + timer = setInterval(function(){gotoSlide("timer_increase", false);}, 10000); +} + +$(document).ready(function(){ + var ys_slide = $(".ys-slide").get(0); + $(ys_slide).css("display", "table"); + $($(".ys-page-nav > span").get(0)).addClass("ys-active"); + timer = setInterval(function(){gotoSlide("timer_increase", false);}, 10000); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..3dbfc41 --- /dev/null +++ b/style.css @@ -0,0 +1,205 @@ +/* +Created by: YaFedImYaEatIm. +All creation credits belong to YaFedImApps. +*/ +/* + Created on : 14/04/2017, 12:37:12 PM + Author : YaFedImYaEatIm +*/ + +.ys-slider{ + position:relative; + padding: 0; + max-height:240px; + height:240px; + max-width:720px; + width:720px; + padding: 0 !important; + overflow:hidden; +} + +.ys-slide{ + left:0px; + top:0px; + width:660px; + max-width: 720px; + min-width:720px; + display:none; + position:absolute; + table-layout: fixed; +} + +.ys-image{ + display: table-cell; + width:180px; + max-width: 180px; + height:240px; + max-height:240px; + padding:0; +} + +.ys-image > img{ + margin: auto; + width:180px; + height:240px; +} + +.ys-content{ + width:180px; + height:240px; + display: table-cell; + width: 70%; + height: inherit; + vertical-align: top; + padding: 0px 20px; +} + +.ys-content h2{ + max-height: 31px; +} + +.ys-content p{ + max-height:90px; + height:90px; + text-align:justify; +} + +.ys-slider-next{ + cursor:pointer; + position:absolute; + height:80px; + width:40px; + top:80px; + right:0; + margin: auto 0; + z-index: 1; + background-color:#888888; + opacity: .4; +} + +.ys-slider-next:hover{ + opacity: .8; +} + +.ys-slider-prev{ + cursor:pointer; + position:absolute; + height:80px; + width:40px; + top:80px; + left:0; + margin: auto 0; + z-index: 1; + background-color:#888888; + opacity: .4; +} + +.ys-slider-prev:hover{ + opacity:.8; +} + + +.ys-read-more{ + display:block; + text-align:right; + padding-bottom:30px; + padding-right:15px; +} + +.ys-read-more > a{ + background: #cccccc; + background-image: -webkit-linear-gradient(top, #cccccc, #bdbdbd); + background-image: -moz-linear-gradient(top, #cccccc, #bdbdbd); + background-image: -ms-linear-gradient(top, #cccccc, #bdbdbd); + background-image: -o-linear-gradient(top, #cccccc, #bdbdbd); + background-image: linear-gradient(to bottom, #cccccc, #bdbdbd); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + color: #333333; + font-size: 13px; + padding: 8px 12px 8px 12px; + border: solid #b0a6b0 1px; +} + +.ys-read-more > a:hover{ + background: #b8b9ba; + background-image: -webkit-linear-gradient(top, #b8b9ba, #979ea3); + background-image: -moz-linear-gradient(top, #b8b9ba, #979ea3); + background-image: -ms-linear-gradient(top, #b8b9ba, #979ea3); + background-image: -o-linear-gradient(top, #b8b9ba, #979ea3); + background-image: linear-gradient(to bottom, #b8b9ba, #979ea3); +} + +.ys-page-nav{ + position: absolute; + bottom:15px; + text-align: center; + left:0; + right:0; + margin-left: auto; + margin-right:auto; +} + +.ys-page-nav span:first-child{ + margin-left:0px; +} + +.ys-page-nav span{ + cursor:pointer; + border-radius: 5px; + height:10px; + width:10px; + background-color: #888888; + display:inline-block; + margin-left: 5px; +} + +.ys-active{ + background-color: #CCCCCC !important; +} + +@media only screen and (max-width: 768px) { + .ys-slider{ + width:100%; + max-width:none; + max-height:600px; + height:600px; + } + + .ys-slide{ + width:100%; + min-width: 0; + max-width: none; + } + + .ys-image{ + display: block; + width:100%; + text-align:center; + max-width:none; + } + + .ys-image img{ + display:inline-block; + } + + .ys-content{ + display: block; + width: auto; + } + + .ys-content h2{ + text-align:center; + padding: 0 20px; + height:58px; + max-height:58px; + overflow:hidden; + } + + .ys-content p{ + height:160px; + max-height: 160px; + } + +} \ No newline at end of file diff --git a/yafed-wp-slider.php b/yafed-wp-slider.php new file mode 100644 index 0000000..7009a85 --- /dev/null +++ b/yafed-wp-slider.php @@ -0,0 +1,264 @@ + true, + 'labels' => array('name' => __('YSlides'), 'singular_name' => __("YSlide"), + 'add_new' => "Add New YSlide", "edit_item" => "Edit YSlide", "new_item" => "Add New YSlide", + "view_items" => "View YSlides"), + 'supports' => array( + 'title', + 'thumbnail', + 'editor' + ) + ); + add_image_size('ys_image', 180, 240); + register_post_type('ys_slides', $args); + add_shortcode('ys-shortcode', 'ys_function'); +} +add_theme_support( 'post-thumbnails' ); +add_action('init', 'ys_init'); + +/** + * Add to Page Function + */ + +function ys_function($type='ys_image'){ + $args = array( + 'post_type' => 'ys_slides', + 'posts_per_page' => 10, + 'meta_key' => 'custom_ys_checkbox', + 'meta_value' => 'on' + ); + $result = '
'; + $result .= ''; + $result .= ''; + //the loop + $loop = new WP_Query($args); + $num_posts = 0; + if ($loop->have_posts() ) : + while ($loop->have_posts()) : $loop->the_post(); + $result .= '
'; + $result .= "
"; + $result .= get_the_post_thumbnail(null, 'ys_image'); + $result .= "
"; + $result .= "
"; + $result .= "

".get_the_title().'

'; + $result .= "
"; + $result .= "

".get_the_content()."

"; + $result .= "
"; + $result .= "
Read More...
"; + $result .= "
"; + $result .= "
"; + $result .= '
'; + $num_posts++; + endwhile; + endif; + if ($num_posts == 0){ + $result .= '
'; + $result .= "
"; + $result .= "
"; + $result .= "
"; + $result .= "

Slides Missing

"; + $result .= "
"; + $result .= "

"; + $result .= "
"; + $result .= "
"; + $result .= "
"; + $result .= "
"; + $result .= '
'; + } + $result .= "
"; + for ($i = 0; $i < $num_posts; $i ++){ + $result .= ""; + } + $result .= "
"; + $result .='
'; + wp_reset_postdata(); + return $result; +} + +//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +//Widget +//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// + +class ys_slider_widget extends WP_Widget{ + + public function __construct(){ + parent::__construct('ys_slider_widget', 'YaFed WP Slider', array('description' => __('A Slider Carousel', 'text_domain'))); + } + + public function form($instance) { + if (isset($instance['title'])) { + $title = $instance['title']; + } + else { + $title = __('Widget Slideshow', 'text_domain'); + } + ?> +

+ + +

+ 'URL', + 'desc' => '', + 'id' => $prefix.'url', + 'type' => 'text' + ), + array( + 'label'=> 'Display on Slider?', + 'desc' => '', + 'id' => $prefix.'checkbox', + 'type' => 'checkbox' + ) +); + +// The Callback +function show_custom_meta_box() { + global $custom_meta_fields, $post; + // Use nonce for verification + echo ''; + + // Begin the field table and loop + echo ''; + foreach ($custom_meta_fields as $field) { + // get value of this field if it exists for this post + $meta = get_post_meta($post->ID, $field['id'], true); + // begin a table row with + echo ' + + '; + } // end foreach + echo '
'; + switch($field['type']) { + // case items will go here + // // text + case 'text': + echo ' +
'.$field['desc'].''; + break; + // checkbox + case 'checkbox': + echo ' + '; + break; + } //end switch + echo '
'; // end table +} + +// Add the Meta Box +function add_custom_meta_box() { + add_meta_box( + 'custom_ys_slider_meta', // $id + 'Show on Slider', // $title + 'show_custom_meta_box', // $callback + 'ys_slides', // $page + 'side', // $context + 'high'); // $priority +} +add_action('add_meta_boxes', 'add_custom_meta_box'); + +// Save the Data +function save_custom_meta($post_id) { + global $custom_meta_fields; + + // verify nonce + if (!wp_verify_nonce($_POST['custom_ys_meta_box_nonce'], basename(__FILE__))) + return $post_id; + // check autosave + if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) + return $post_id; + // check permissions + if ('page' == $_POST['post_type']) { + if (!current_user_can('edit_page', $post_id)) + return $post_id; + } elseif (!current_user_can('edit_post', $post_id)) { + return $post_id; + } + + // loop through fields and save the data + foreach ($custom_meta_fields as $field) { + $old = get_post_meta($post_id, $field['id'], true); + $new = $_POST[$field['id']]; + if ($new && $new != $old) { + update_post_meta($post_id, $field['id'], $new); + } elseif ('' == $new && $old) { + delete_post_meta($post_id, $field['id'], $old); + } + } // end foreach +} +add_action('save_post', 'save_custom_meta'); + +//////////////////////////////////////////////////////////////////////////////// +//Carousel Style +//////////////////////////////////////////////////////////////////////////////// +function register_ys_styles(){ + wp_register_style( 'YS-CSS', plugins_url("/style.css", __FILE__), array(), '1.0', 'all'); + wp_enqueue_style( 'YS-CSS' ); +} + +// Register style sheet. +add_action( 'wp_enqueue_scripts', "register_ys_styles"); +/** + * Register JS functions + */ +function register_ys_scripts(){ + wp_deregister_script('jquery'); + wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null); + wp_enqueue_script('jquery'); + wp_register_script('YSlider Script', plugins_url('/slider_script.js', __FILE__) , array('jquery'), '1.0', true); + wp_enqueue_script( 'YSlider Script' ); +} +// Register Scripts +add_action( 'init', 'register_ys_scripts'); \ No newline at end of file