{"id":72,"date":"2018-06-25T12:44:00","date_gmt":"2018-06-25T12:44:00","guid":{"rendered":"https:\/\/documentation.px-lab.com\/rscard-html\/?p=72"},"modified":"2018-06-25T12:44:43","modified_gmt":"2018-06-25T12:44:43","slug":"javascript","status":"publish","type":"post","link":"https:\/\/documentation.px-lab.com\/rscard-html\/2018\/06\/25\/javascript\/","title":{"rendered":"JavaScript"},"content":{"rendered":"

Libs:<\/h4>\n
    \n
  1. jquery<\/strong>\u00a0–\u00a0\u00a0is a Javascript library that greatly reduces the amount of code that you must write. For more information, please visit http:\/\/www.jquery.com<\/a><\/li>\n
  2. modernizer<\/strong> –\u00a0respond to user\u2019s browser features.\u00a0For more information, please visit\u00a0https:\/\/modernizr.com<\/a><\/li>\n
  3. \n
  4. \n
    respond <\/strong>–\u00a0fast & lightweight polyfill for min\/max-width CSS3 Media Queries (for IE 6-8, and more).\u00a0For more information, please visit\u00a0https:\/\/github.com\/scottjehl\/Respond<\/a><\/div>\n<\/li>\n<\/ol>\n

    Plugins:<\/h4>\n
      \n
    1. bxslider<\/strong> – responsive slider plugin.\u00a0\u00a0For more information visit\u00a0http:\/\/bxslider.com\/<\/a><\/li>\n
    2. owlcarousel <\/strong>– carousel plugin. For more information visit\u00a0http:\/\/www.owlcarousel.owlgraphic.com\/<\/a><\/li>\n
    3. customscroll <\/strong>– custom content scroller plugin.\u00a0For more information visit\u00a0http:\/\/manos.malihu.gr\/jquery-custom-content-scroller\/<\/a><\/li>\n
    4. fancybox <\/strong>– plugin for displaying images, html content and multi-media in a “lightbox”.\u00a0For more information visit\u00a0http:\/\/fancyapps.com\/fancybox\/<\/a><\/li>\n
    5. mediaelement <\/strong>– video and audio player plugin.\u00a0For more information visit\u00a0http:\/\/mediaelementjs.com\/<\/a><\/li>\n
    6. imagesloaded <\/strong>– plugin detect when images have been loaded.\u00a0For more information visit\u00a0\u00a0http:\/\/imagesloaded.desandro.com\/<\/a><\/li>\n
    7. mousewheel –\u00a0<\/strong>plugin adds cross-browser mouse wheel support. For more information visit\u00a0https:\/\/github.com\/jquery\/jquery-mousewheel<\/a><\/li>\n
    8. isotope <\/strong>– plugin for intelligent and dynamic layouts that can’t be achieved with CSS alone.\u00a0For more information visit\u00a0http:\/\/isotope.metafizzy.co\/<\/a><\/li>\n
    9. appeare <\/strong>–\u00a0\u00a0plugin for tracking element’s appearance in browser viewport. For more information visit\u00a0https:\/\/github.com\/morr\/jquery.appear\/<\/a><\/li>\n<\/ol>\n

      Google Map :<\/h4>\n
        \n
      1. google maps api<\/strong> –\u00a0provide methods and tools that can be used for\u00a0customize maps, and the information on maps. For more information visit\u00a0https:\/\/developers.google.com\/maps\/<\/a><\/li>\n
      2. map icons<\/strong> –\u00a0an icon font for use with google maps api. For more information visit\u00a0http:\/\/map-icons.com\/<\/a><\/li>\n<\/ol>\n

        All custom js code is located in site.js.<\/p>\n

        All script parameters are located in the option.js, you can set parameters as you like.<\/p>\n

            \/** rsCard Options *\/\r\n     \r\n    var rsOptions = {\r\n        rtl: true, \r\n     \r\n        timeline: {\r\n             topSpace: 50,\r\n             itemsSpace: 25 \r\n        },\r\n     \r\n        refSlider: { \r\n                  speed: 800, \/\/Slide transition duration (in ms) \r\n            auto: false, \/\/Slides will automatically transition\r\n            pause: 6000, \/\/The amount of time (in ms) between each auto transition\r\n            autoHover: true, \/\/Auto show will pause when mouse hovers over slider \r\n            adaptiveHeight: true, \/\/Dynamically adjust slider height based on each slide's height\r\n            adaptiveHeightSpeed: 500 \/\/Slide height transition duration (in ms).\r\n        },\r\n     \r\n        postSlider: {\r\n            speed: 800, \/\/Slide transition duration (in ms)\r\n            auto: true, \/\/Slides will automatically transition\r\n            pause: 6000, \/\/The amount of time (in ms) between each auto transition\r\n            autoHover: true \/\/Auto show will pause when mouse hovers over slider\r\n        },\r\n     \r\n        clientsSlider: {\r\n            items: 5,\r\n            singleItem: false,\r\n            autoPlay: true,\r\n            stopOnHover: true,\r\n            itemsDesktopSmall: [992, 4],\r\n            itemsTabletSmall: [767, 3],\r\n            itemsMobile: [320, 1]\r\n        },\r\n     \r\n        calendar: {\r\n           startYear: '2016',\r\n           startMonth: '0', \/\/ moths are starting form 0-11\r\n           endYear: '2017',\r\n           endMonth: '0',\r\n           weekStart: 'Sunday', \/\/ possible values Sunday\/Monday\r\n           weekNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\r\n           monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],                 \r\n           busyDays: [ \/\/ new Date(year, month, day)\r\n               new Date(2016, 0, 10),\r\n               new Date(2016, 0, 8),\r\n               new Date(2016, 0, 12),\r\n               new Date(2016, 0, 30)\r\n           ]\r\n        } \r\n    };<\/pre>\n","protected":false},"excerpt":{"rendered":"
        Libs: jquery\u00a0–\u00a0\u00a0is a Javascript library that greatly reduces the amount of code that you must write. For more information, please visit http:\/\/www.jquery.com modernizer –\u00a0respond to user\u2019s browser features.\u00a0For more information, please visit\u00a0https:\/\/modernizr.com html5shiv –\u00a0enables use of HTML5 sectioning elements in legacy Internet Explorer6-9.\u00a0For more information, please visit\u00a0https:\/\/github.com\/afarkas\/html5shiv respond –\u00a0fast & lightweight polyfill for min\/max-width CSS3 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/posts\/72"}],"collection":[{"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":2,"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/posts\/72\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/posts\/72\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/media?parent=72"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/categories?post=72"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/rscard-html\/wp-json\/wp\/v2\/tags?post=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}