WordPress.org
Get WordPress

Plugin Directory

Changeset 2026169


Ignore:
Timestamp:
02/06/2019 08:46:30 PM (7 years ago)
Author:
webxapp
Message:

Added: Touch effect

Location:
slider-by-webxapp
Files:
56 added
6 edited

Legend:

Unmodified
Added
Removed

  • slider-by-webxapp/trunk/admin/view/slide_settings.php

    r2007045 r2026169  
    2626        "type" => "checkbox",
    2727        "label" => "Dots",
     28        "default" => "checked",
     29    ),
     30    "wxas_slide_buttons" =>array(
     31        "name" => "slide_buttons",
     32        "type" => "checkbox",
     33        "label" => "Next prev buttons",
     34        "default" => "checked",
     35    ),
     36    "wxas_slide_touch" =>array(
     37        "name" => "touch_effect",
     38        "type" => "checkbox",
     39        "label" => "Touch effect",
    2840        "default" => "checked",
    2941    ),

  • slider-by-webxapp/trunk/assets/css/style.css

    r2024852 r2026169  
    1010    margin: 0 auto;
    1111}
     12.wxas_container{
     13    cursor: pointer;
     14    display: inline-block;
     15}
     16.wxas_cursor{
     17    pointer-events: none;
     18    position: absolute;
     19    width: 30px;
     20    height: 30px;
     21    margin-top: -15px;
     22    margin-left: -15px;
     23    border-radius: 50%;
     24    background: rgba(255, 255, 255, 0.2);
     25    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.05);
     26    transition: background ease-in-out .2s, -webkit-transform ease-in-out .2s;
     27    transition: transform ease-in-out .2s, background ease-in-out .2s;
     28    transition: transform ease-in-out .2s, background ease-in-out .2s, -webkit-transform ease-in-out .2s;
     29    -webkit-transform: translateZ(0);
     30    z-index: 99999999999;
     31}
     32.wxas_cursor:before, .wxas_cursor:after {
     33    content: '';
     34    position: absolute;
     35    border-left: 6px solid rgba(255, 255, 255, 0.5);
     36    border-top: 6px solid transparent;
     37    border-bottom: 6px solid transparent;
     38    top: 10px;
     39    left: 52px;
     40    opacity: 0;
     41    transition: left ease-in-out .1s, opacity ease-in-out .2s;
     42}
     43.wxas_cursor:after {
     44    border-left: none;
     45    border-right: 6px solid rgba(255, 255, 255, 0.5);
     46    left: -27px;
     47}
     48
     49.wcas_cursor_down .wxas_cursor {
     50    -webkit-transform: scale(0.7) translateZ(0);
     51    transform: scale(0.7) translateZ(0);
     52    background: rgba(255, 255, 255, 0.4);
     53}
     54.wcas_cursor_down .wxas_cursor:before, .wcas_cursor_down .wxas_cursor:after {
     55    opacity: 1;
     56    left: 49px;
     57}
     58.wcas_cursor_down .wxas_cursor:after {
     59    left: -24px;
     60}
     61.wxas_touch .wxas_slide_item{
     62    cursor: none;
     63}
     64.wxas_touch .wxas_cursor{
     65    display: none;
     66}
     67.wxas_hide_buttons .slick-next, .wxas_hide_buttons .slick-prev{
     68    display: none !important;
     69}

  • slider-by-webxapp/trunk/assets/js/script.js

    r2006265 r2026169  
    66
    77jQuery("document").ready(function () {
     8
     9
     10
     11
     12
    813    jQuery(".wxas_slider").each(function () {
    914        var wxas_settings = jQuery(this).data("slide_settings");
    1015        var wxas_el_class = jQuery(this).data("class");
    1116
    12         jQuery("."+wxas_el_class).slick(wxas_settings);
     17        var wxas_slick = jQuery("."+wxas_el_class).slick(wxas_settings);
     18
     19
     20
     21
     22
     23        var wxas_container = jQuery("."+wxas_el_class).closest(".wxas_container");
     24        var wxas_cursor = wxas_container.find(".wxas_cursor");
     25        if(wxas_cursor.length > 0){
     26            wxas_slick.on('mousedown touchstart', function () {
     27                wxas_container.addClass('wcas_cursor_down');
     28            });
     29            wxas_slick.on('mouseleave mouseup touchend', function () {
     30                wxas_container.removeClass('wcas_cursor_down');
     31            });
     32
     33
     34            wxas_container.find(".wxas_slide_item").on('mousemove', function(e){
     35                wxas_cursor.css({
     36                    'display':'block',
     37                    top: e.pageY + 'px',
     38                    left: e.pageX + 'px',
     39                })
     40            });
     41            wxas_container.find(".wxas_slide_item").on('mouseout', function(e){
     42                wxas_cursor.css({
     43                    'display':'none'
     44                })
     45            });
     46        }
     47
     48
    1349
    1450    });
     51
     52
     53
     54
    1555});

  • slider-by-webxapp/trunk/includes/wxas_print_slider.php

    r2024796 r2026169  
    33    private $slider;
    44    private  $slide_js_data;
     5    private $slide_buttons = 'wxas_hide_buttons';
     6    private $touch_effect = "";
     7    private $touch_effect_class = "";
    58    function __construct () {
    69
    … …  
    1316
    1417        $slider_settings = get_post_meta($slider_id , "wxas_slide_settings", true);
     18
     19
     20
     21        if(isset($slider_settings["touch_effect"]) && $slider_settings["touch_effect"] === "on"){
     22            $this->touch_effect = '<span class="wxas_cursor"></span>';
     23            $this->touch_effect_class = "wxas_touch";
     24            unset($slider_settings["touch_effect"]);
     25        }
     26        if(isset($slider_settings["slide_buttons"]) && $slider_settings["slide_buttons"]=== "on"){
     27            $this->slide_buttons = '';
     28            unset($slider_settings["slide_buttons"]);
     29        }
     30
     31
     32
    1533        $slider_theme_id = get_post_meta($slider_id , "wxas_theme_id", true);
    1634        $slide_rel = '';
    … …  
    93111    private function wxas_get_slide_dada($slider_id ,$slide_rel, $theme_css_class, $slider_settings,$data_class, $show_content=true , $ell_class=""){
    94112        $this->slide_js_data["slide_settings"] = json_encode($slider_settings);
    95         $slider_data = "<div data-class='".$data_class."' ".$slide_rel."data-slide_settings='".$this->slide_js_data["slide_settings"]."'class='".$data_class." wxas_slider wxas_slider_".$slider_id." ".$theme_css_class." ".$ell_class."'>";
     113        $slider_data = "
     114        <div class='".$this->touch_effect_class." ".$this->slide_buttons." wxas_container'>
     115       
     116        ".$this->touch_effect."
     117        <div data-class='".$data_class."' ".$slide_rel."data-slide_settings='".$this->slide_js_data["slide_settings"]."'class='".$data_class." wxas_slider wxas_slider_".$slider_id." ".$theme_css_class." ".$ell_class."'>";
    96118        $wxas_items_list = get_post_meta($slider_id,"wxas_items_list", true);
    97119        if(isset($wxas_items_list) && !empty($wxas_items_list)){
    … …  
    114136                }
    115137                if($is_video){
    116                     $slider_data.="<div><video width='100%' controls controlsList='nodownload'>
     138                    $slider_data.="<div class='wxas_slide_item'><video width='100%' controls controlsList='nodownload'>
    117139                        <source src='".$attachment_url."' type='".$attachment_type."'>
    118140                        Your browser does not support HTML5 video.
    … …  
    123145                        $wxas_slide_img = "<img class='wxas_slider_img' src='".$attachment_url."'>";
    124146                    }
    125                     $slider_data.="<div>".$wxas_slide_img.$slide_desc."</div>";
     147                    $slider_data.="<div class='wxas_slide_item'>".$wxas_slide_img.$slide_desc."</div>";
    126148                }
    127149            }
    128150        }
    129         $slider_data.="</div>";
     151        $slider_data.="</div></div>";
    130152        return $slider_data;
    131153    }

  • slider-by-webxapp/trunk/readme.txt

    r2024852 r2026169  
    55Tested up to: 5.0
    66Requires PHP: 5.2
    7 Stable tag: 1.1.4
     7Stable tag: 1.1.5
    88License: GPLv2 or later
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    7171== Changelog ==
    7272
     73= 1.1.5 =
     74* Added: Touch effect
     75
    7376= 1.1.4 =
    7477* Added: Slider styles

  • slider-by-webxapp/trunk/wxas.php

    r2024852 r2026169  
    33 * Plugin Name:     Slider by webxapp
    44 * Description:     Slider WXA is best responsive WordPress slider plugin.
    5  * Version:         1.1.4
     5 * Version:         1.1.5
    66 * Author:          WebXApp
    77 * Author URI:      https://webxapp.com/
    … …  
    2121
    2222if (!defined('WXAS_VERSION')) {
    23     define('WXAS_VERSION', "1.1.4");
     23    define('WXAS_VERSION', "1.1.5");
    2424}
    2525
Note: See TracChangeset for help on using the changeset viewer.