{"id":150,"date":"2013-02-19T11:01:28","date_gmt":"2013-02-19T11:01:28","guid":{"rendered":"http:\/\/octavus.themewoodmen.com\/?page_id=150"},"modified":"2013-02-19T11:01:28","modified_gmt":"2013-02-19T11:01:28","slug":"images-and-sliders","status":"publish","type":"page","link":"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/","title":{"rendered":"Images and sliders"},"content":{"rendered":"<section class=\"row-fluid\"><div class=\"container\"><div class=\"row-fluid\">\n<h3 class=\" class=&quot;std&quot;\">Parallax<\/h3>\n<\/div><\/div><\/section>\n<\/div>\n<section id=\"section394\" class=\"parallax\" style=\"background-image: url(http:\/\/nonus.themewoodmen.com\/wp-content\/uploads\/sites\/3\/2013\/09\/background-image-1.jpg)\">\r\n\t\t\t\t\t\t\t            \n<section class=\"row-fluid\"><div class=\"container\"><div class=\"row-fluid\">\n<p >\nSed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?<br \/>\n<\/p>\n<\/div><\/div><\/section>\n\r\n\t\t\t\t\t\t\t\t<\/section>\n<div class=\"container\">\n<section class=\"row-fluid\"><div class=\"container\"><div class=\"row-fluid\">\n<div class=\"span6\">\n[sourcecode language=&#8221;html&#8221;]<br \/>\n[full_width]\n[parallax imgsrc=&quot;...&quot;]\n&#8230;<br \/>\n[\/parallax]\n[\/full_width][\/sourcecode]<br \/>\n<\/div>\n<div class=\"span6\">\n<h6 class=\"ct-params\">parameters<\/h6><ul class=\"ct-params\"><li><i><strong>type<\/strong> - type of the parallax. you can use only one \"main\" parallax on single page. - simple; main; <\/i><\/li><li><i><strong>id<\/strong> - header id, html id attribute (used only for simple type parallax)<\/i><\/li><li><i><strong>class<\/strong> - parallax container additional class<\/i><\/li><li><i><strong>xposition<\/strong> - horizontal position of the element<\/i><\/li><li><i><strong>speed<\/strong> - speed to move relative to vertical scroll. example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling<\/i><\/li><li><i><strong>outerheight<\/strong> - whether or not jquery should use its outerheight option to determine when a section is in the viewport - true; false; <\/i><\/li><li><i><strong>imgsrc<\/strong> - source, image<\/i><\/li><li><i><strong>darktext<\/strong> - use dark font?<\/i><\/li><\/ul>\n<\/div>\n<\/div><\/div><\/section>\n<section class=\"row-fluid\"><div class=\"container\"><div class=\"row-fluid\">\n<h3 class=\" class=&quot;std&quot;\">Flexslider<\/h3>\n<\/div><\/div><\/section>\n<div id=\"flexslider303\" class=\"post-media flexslider flexFull\">\r\n\t\t\t\t\t\t            <div class=\"sliderBox\">\r\n\t\t\t\t\t\t                <div class=\"navFlexFull\">\r\n\r\n\t\t\t\t\t\t                <\/div>\r\n\t\t\t\t\t\t                <!-- \/ navFlexFull -->\r\n\t\t\t\t\t\t            <\/div>\r\n\t\t\t\t\t\t          <ul class=\"slides\">\n<li >\r\n\t\t\t\t\t\t\t<a href=\"http:\/\/themeforest.net\/user\/ThemeWoodmen\/portfolio\">\r\n\t\t\t\t              <img src=\"http:\/\/nonus.themewoodmen.com\/wp-content\/uploads\/sites\/3\/2013\/09\/work-large-18.jpg\" alt=\"\">\r\n\t\t\t\t            <\/a>\r\n\t\t\t\t            <\/li>\n<li >\r\n\t\t\t\t\t\t\t<a href=\"http:\/\/themeforest.net\/user\/ThemeWoodmen\/portfolio\">\r\n\t\t\t\t              <img src=\"http:\/\/nonus.themewoodmen.com\/wp-content\/uploads\/sites\/3\/2013\/09\/work-large-17.jpg\" alt=\"\">\r\n\t\t\t\t            <\/a>\r\n\t\t\t\t            <\/li>\n<\/ul>\r\n\t\t\t\t                  <\/div>\r\n\t\t\t\t                  <!-- \/ flexFull -->\n<section class=\"row-fluid\"><div class=\"container\"><div class=\"row-fluid\">\n<div class=\"span6\">\n[sourcecode language=&#8221;html&#8221;]<br \/>\n[flex_slider]\n[flex_slider_item imgsrc=&quot;...&quot;]\n[\/flex_slider_item]\n[\/flex_slider][\/sourcecode]<br \/>\n<\/div>\n<div class=\"span6\">\n<h6 class=\"ct-params\">flex_slider parameters<\/h6><ul class=\"ct-params\"><li><i><strong>effect<\/strong> - slider effect - slide; fade; <\/i><\/li><li><i><strong>pause<\/strong> - pause time, how long each slide will show in miliseconds (1 sec = 1000 milisec)<\/i><\/li><li><i><strong>animspeed<\/strong> - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)<\/i><\/li><li><i><strong>controlnav<\/strong> - show control navigation - true; false; <\/i><\/li><li><i><strong>fullheight<\/strong> - full height slider ?, true \/ false<\/i><\/li><li><i><strong>dirnav<\/strong> - show direction navigation - true; false; <\/i><\/li><\/ul>\n<h6 class=\"ct-params\">flex_slider_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>imgsrc<\/strong> - source, image<\/i><\/li><li><i><strong>link<\/strong> - link from image<\/i><\/li><\/ul>\n<\/div>\n<\/div><\/div><\/section>\n<section class=\"row-fluid\"><div class=\"container\"><div class=\"row-fluid\">\n<h3 class=\" class=&quot;std&quot;\">Logo slider<\/h3>\n<\/div><\/div><\/section>\n<section class=\"row-fluid\"><div class=\"container\"><div class=\"row-fluid\">\n<div class=\"span12\">\n<div class=\"flexCarousel\"><div class=\"flexslider\"><ul class=\"slides\">\n<li ><img src=\"http:\/\/nonus.themewoodmen.com\/wp-content\/uploads\/sites\/3\/2013\/09\/client-1.png\" alt=\"\" ><\/li>\n<li ><img src=\"http:\/\/nonus.themewoodmen.com\/wp-content\/uploads\/sites\/3\/2013\/09\/client-2.png\" alt=\"\" ><\/li>\n<li ><img src=\"http:\/\/nonus.themewoodmen.com\/wp-content\/uploads\/sites\/3\/2013\/09\/client-3.png\" alt=\"\" ><\/li>\n<li ><img src=\"http:\/\/nonus.themewoodmen.com\/wp-content\/uploads\/sites\/3\/2013\/09\/client-4.png\" alt=\"\" ><\/li>\n<li ><img src=\"http:\/\/nonus.themewoodmen.com\/wp-content\/uploads\/sites\/3\/2013\/09\/client-5.png\" alt=\"\" ><\/li>\n<li ><img src=\"http:\/\/nonus.themewoodmen.com\/wp-content\/uploads\/sites\/3\/2013\/09\/client-6.png\" alt=\"\" ><\/li>\n<li ><img src=\"http:\/\/nonus.themewoodmen.com\/wp-content\/uploads\/sites\/3\/2013\/09\/client-7.png\" alt=\"\" ><\/li>\n<li ><img src=\"http:\/\/nonus.themewoodmen.com\/wp-content\/uploads\/sites\/3\/2013\/09\/client-8.png\" alt=\"\" ><\/li>\n<\/ul><\/div><\/div>\n<\/div>\n<\/div><\/div><\/section>\n<section class=\"row-fluid\"><div class=\"container\"><div class=\"row-fluid\">\n<div class=\"span6\">\n[sourcecode language=&#8221;html&#8221;][logo_slider]\n[logo_slider_item imgsrc=&quot;...&quot;]\n[\/logo_slider][\/sourcecode]<br \/>\n<\/div>\n<div class=\"span6\">\n<h6 class=\"ct-params\">logo_slider parameters<\/h6><ul class=\"ct-params\"><li><i><strong>itemwidth<\/strong> - single logo container width<\/i><\/li><li><i><strong>minitems<\/strong> - minimum items, minimum number of items that should be visible<\/i><\/li><li><i><strong>maxitems<\/strong> - maximum items, maxmimum number of items that should be visible<\/i><\/li><li><i><strong>move<\/strong> - move items, number of items that should move on animation. if 0, slider will move all visible items.<\/i><\/li><li><i><strong>nav<\/strong> - navigation, display navigation? - true; false; <\/i><\/li><li><i><strong>loop<\/strong> - loop animation, loop animation? - true; false; <\/i><\/li><\/ul>\n<h6 class=\"ct-params\">logo_slider_item parameters<\/h6><ul class=\"ct-params\"><li><i><strong>imgsrc<\/strong> - image source<\/i><\/li><\/ul>\n<\/div>\n<\/div><\/div><\/section>\n<section class=\"row-fluid\"><div class=\"container\"><div class=\"row-fluid\">\n<h3 class=\" class=&quot;std&quot;\">Images<\/h3>\n<\/div><\/div><\/section>\n<section class=\"row-fluid\"><div class=\"container\"><div class=\"row-fluid\">\n<div class=\"span6\">\n<a href=\"#\"><img src=\"http:\/\/nonus.themewoodmen.com\/wp-content\/uploads\/sites\/3\/2013\/09\/team-3.jpg\" width=\"width=400\" height=\"height=400\" style=\"float: left\"><\/a>\n<\/div>\n<div class=\"span6\">\n[sourcecode language=&#8221;html&#8221;]<br \/>\n[[img width=&quot;400&quot; height=&quot;400&quot;<br \/>\nsrc=&quot;...&quot; align=&quot;left&quot;]]<br \/>\n[\/sourcecode]<br \/>\n<h6 class=\"ct-params\">parameters<\/h6><ul class=\"ct-params\"><li><i><strong>src<\/strong> - image, image source<\/i><\/li><li><i><strong>alt<\/strong> - alternate text<\/i><\/li><li><i><strong>width<\/strong> - image width<\/i><\/li><li><i><strong>height<\/strong> - image height<\/i><\/li><li><i><strong>align<\/strong> - image align - default; left; center; right; <\/i><\/li><li><i><strong>class<\/strong> - image class<\/i><\/li><li><i><strong>title<\/strong> - title images<\/i><\/li><li><i><strong>animation_speed<\/strong> - animation speed, in miliseconds ex. 2000 is 2 seconds<\/i><\/li><li><i><strong>animation<\/strong> - animate this element once it becomes visible. supported animations: <a target=\"_blank\" href=\"https:\/\/daneden.me\/animate\/\">https:\/\/daneden.me\/animate\/<\/a><\/i><\/li><\/ul>\n<\/div>\n<\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":88,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Images and sliders - Nonus Single<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Images and sliders - Nonus Single\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/\" \/>\n<meta property=\"og:site_name\" content=\"Nonus Single\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/\",\"url\":\"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/\",\"name\":\"Images and sliders - Nonus Single\",\"isPartOf\":{\"@id\":\"https:\/\/nonus.themewoodmen.com\/singlesite\/#website\"},\"datePublished\":\"2013-02-19T11:01:28+00:00\",\"dateModified\":\"2013-02-19T11:01:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nonus.themewoodmen.com\/singlesite\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shortcodes\",\"item\":\"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Images and sliders\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nonus.themewoodmen.com\/singlesite\/#website\",\"url\":\"https:\/\/nonus.themewoodmen.com\/singlesite\/\",\"name\":\"Nonus Single\",\"description\":\"Just another Nonus - Retro WordPress Theme for All Purposes Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nonus.themewoodmen.com\/singlesite\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Images and sliders - Nonus Single","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/","og_locale":"en_US","og_type":"article","og_title":"Images and sliders - Nonus Single","og_url":"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/","og_site_name":"Nonus Single","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/","url":"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/","name":"Images and sliders - Nonus Single","isPartOf":{"@id":"https:\/\/nonus.themewoodmen.com\/singlesite\/#website"},"datePublished":"2013-02-19T11:01:28+00:00","dateModified":"2013-02-19T11:01:28+00:00","breadcrumb":{"@id":"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/images-and-sliders\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nonus.themewoodmen.com\/singlesite\/"},{"@type":"ListItem","position":2,"name":"Shortcodes","item":"https:\/\/nonus.themewoodmen.com\/singlesite\/shortcodes\/"},{"@type":"ListItem","position":3,"name":"Images and sliders"}]},{"@type":"WebSite","@id":"https:\/\/nonus.themewoodmen.com\/singlesite\/#website","url":"https:\/\/nonus.themewoodmen.com\/singlesite\/","name":"Nonus Single","description":"Just another Nonus - Retro WordPress Theme for All Purposes Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nonus.themewoodmen.com\/singlesite\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/nonus.themewoodmen.com\/singlesite\/wp-json\/wp\/v2\/pages\/150"}],"collection":[{"href":"https:\/\/nonus.themewoodmen.com\/singlesite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nonus.themewoodmen.com\/singlesite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nonus.themewoodmen.com\/singlesite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nonus.themewoodmen.com\/singlesite\/wp-json\/wp\/v2\/comments?post=150"}],"version-history":[{"count":0,"href":"https:\/\/nonus.themewoodmen.com\/singlesite\/wp-json\/wp\/v2\/pages\/150\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/nonus.themewoodmen.com\/singlesite\/wp-json\/wp\/v2\/pages\/88"}],"wp:attachment":[{"href":"https:\/\/nonus.themewoodmen.com\/singlesite\/wp-json\/wp\/v2\/media?parent=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}