هذه الإضافة لم يتم تحديثها وتجربتها لأكثر من 3 إصدارات ووردبريس رئيسية. قد لا تكون خاضعة للصيانة أو تقدم الدعم والمساعدة بالوقت الحالي وقد تكون بها مشاكل في التوافق عند إستخدامها مع إصدارات حديثة من ووردبريس.

NG Animated Slider

الوصف

Demos | Support | Our Awesome Themes |

NG Animated Slider is a very light weight and Awesome animated SVG Frame Slideshow with super smooth hardware accelerated transitions.It is a responsive and device friendly slider which works perfectly on all major devices.It has 7 different awesome animation layout.It is a very Powerful Professional HTML/CSS3 slider plugin, with Fullscreen background perfect to showcase your photography or general creativeness ideas in your website

How to add this slider in Elementor Page Builder

  1. Create a new Page and Add Text Editor or HTML elementor widget in the page
  2. Add any of the shortcode you like in the widget
    [slider layout=”layout1″] //For slider Animation type1
    [slider layout=”layout2″] //For slider Animation type2
    [slider layout=”layout3″] //For slider Animation type3
    [slider layout=”layout4″] //For slider Animation type4
    [slider layout=”layout5″] //For slider Animation type5
    [slider layout=”layout6″] //For slider Animation type6
    [slider layout=”layout7″] //For slider Animation type7

Note: When you copy paste this shortcode [slider layout=”layout7″] from here to your website, Please type ” ” before and after of layout7 and such by yourself.

Features

7 Animated Transition layout
Animated page transitions.
Full screen background.
Autoplay enabled
Jquery enhanced.
Works in all major browsers.
Semantic source code, properly formatted and commented.

Shortcodes

[slider layout=”layout1″] //For slider Animation type1
[slider layout=”layout2″] //For slider Animation type2
[slider layout=”layout3″] //For slider Animation type3
[slider layout=”layout4″] //For slider Animation type4
[slider layout=”layout5″] //For slider Animation type5
[slider layout=”layout6″] //For slider Animation type6
[slider layout=”layout7″] //For slider Animation type7

How to Work with the Plugin

  1. Upload ng-animated-slider.zip to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to WordPress Dashboard, and find Sliders post type and create new slider
  4. Place [slider] shortcode in your pages
  5. For Various slider Options, Go to Customizer/ NG Animated Sliders Options

Credits

https://tympanus.net/codrops/2017/11/15/animated-svg-frame-slideshow/

الأسئلة المتكررّة

Will NG Animated Slider work with my Theme?

Yes It will work with any theme

How can I add slider to my website
  • Upload ng-animated-slider.zip to the /wp-content/plugins/ directory
  • Activate the plugin through the ‘Plugins’ menu in WordPress
  • Go to WordPress Dashboard, and find Sliders post type and create new slider
  • Place [slider] for default animation layout in your pages
  • For Various slider Options, Go to Customizer/ NG Animated Sliders Options

المراجعات

لا توجد مراجعات لهذه الإضافة.

المساهمون والمطوّرون

“NG Animated Slider” هو برنامج مفتوح المصدر. وقد ساهم هؤلاء الأشخاص بالأسفل في هذه الإضافة.

المساهمون

ترجمة ”NG Animated Slider“ إلى لغتك.

مُهتم بالتطوير؟

تصفّح الشفرة، تحقق من مستودع SVN، أو الاشتراك في سجل التطوير بواسطة RSS.

سجل التغييرات

1.0.2 March 3 2019

  • Added Shortcode attribute for layouts

1.0.1 March 2 2019

  • CSS Issues Fixed

1.0.0 February 28 2019

  • Initial Release

This section describes how to install the plugin and get it working.

  1. Upload ng-animated-slider.zip to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to WordPress Dashboard, and find Sliders post type and create new slider
  4. Place [slider] shortcode for default animation layout in your pages
  5. For Various slider Options, Go to Customizer/ NG Animated Sliders Options