{"id":5291,"date":"2012-11-17T21:11:36","date_gmt":"2012-11-17T21:11:36","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=5291"},"modified":"2016-08-31T15:22:39","modified_gmt":"2016-08-31T15:22:39","slug":"book-block-jquery","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/","title":{"rendered":"Book Block jQuery"},"content":{"rendered":"<p>BookBlock es un plugin de jQuery que puede ser utilizado para la creaci\u00f3n de folletos, como componentes que permiten una \u00abp\u00e1gina flip\u00bb de navegaci\u00f3n. Cualquier contenido puede ser utilizado, tales como im\u00e1genes o texto. El plugin transforma la estructura s\u00f3lo cuando sea necesario (es decir, al lanzar una p\u00e1gina) y utiliza algunas superposiciones como sombra para las p\u00e1ginas creando m\u00e1s realismo.<\/p>\n<p>Te permite crear una presentaci\u00f3n de contenido con transici\u00f3n al estilo libro, es decir, como si estuvieramos pasando las hojas de un libro.<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/bookblock.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5302\" title=\"bookblock\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/bookblock.png\" alt=\"\" width=\"425\" height=\"370\" srcset=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/bookblock.png 425w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/bookblock-300x261.png 300w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><\/a><\/p>\n<p>La siguiente estructura permitir\u00e1 agregar contenido personalizado en un envoltorio con la clase \u00abbb-item\u00bb, que representa a una p\u00e1gina abierta (izquierda y derecha):<\/p>\n<pre>&lt;div id=\"bb-bookblock\"&gt;\r\n   &lt;div class=\"bb-item\"&gt;&lt;a href=\"#\"&gt;&lt;img src=\"images\/demo1\/1.jpg\" alt=\"image01\"\/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n\u00a0\u00a0 &lt;div\u00a0class=\"bb-item\"&gt;&lt;a href=\"#\"&gt;&lt;img src=\"images\/demo1\/2.jpg\" alt=\"image02\"\/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;div\u00a0class=\"bb-item\"&gt;&lt;a href=\"#\"&gt;&lt;img src=\"images\/demo1\/3.jpg\" alt=\"image03\"\/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n\u00a0\u00a0 &lt;div\u00a0class=\"bb-item\"&gt;&lt;a href=\"#\"&gt;&lt;img src=\"images\/demo1\/4.jpg\" alt=\"image04\"\/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;div\u00a0class=\"bb-item\"&gt;&lt;a href=\"#\"&gt;&lt;img src=\"images\/demo1\/5.jpg\" alt=\"image05\"\/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>Y luego necesitar\u00e1s incluir la llamada al plugin sobre el contenedor identificado:<\/p>\n<pre>$(function() {\r\n\u00a0\u00a0 \u00a0$('#bb-bookblock').bookblock();\r\n});<\/pre>\n<p>Ver ejemplos<\/p>\n<p>Descargar<\/p>\n","protected":false},"excerpt":{"rendered":"<p>BookBlock es un plugin de jQuery que puede ser utilizado para la creaci\u00f3n de folletos, como componentes que permiten una \u00abp\u00e1gina flip\u00bb de navegaci\u00f3n. Cualquier contenido puede ser utilizado, tales como im\u00e1genes o texto. El plugin transforma la estructura s\u00f3lo cuando sea necesario (es decir, al lanzar una p\u00e1gina) y utiliza algunas superposiciones como sombra [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5302,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[52],"class_list":["post-5291","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","tag-sliders"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Book Block jQuery - Jose Aguilar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Book Block jQuery - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"BookBlock es un plugin de jQuery que puede ser utilizado para la creaci\u00f3n de folletos, como componentes que permiten una \u00abp\u00e1gina flip\u00bb de navegaci\u00f3n. Cualquier contenido puede ser utilizado, tales como im\u00e1genes o texto. El plugin transforma la estructura s\u00f3lo cuando sea necesario (es decir, al lanzar una p\u00e1gina) y utiliza algunas superposiciones como sombra [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2012-11-17T21:11:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-08-31T15:22:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/bookblock.png\" \/>\n\t<meta property=\"og:image:width\" content=\"425\" \/>\n\t<meta property=\"og:image:height\" content=\"370\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/\",\"name\":\"Book Block jQuery - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/bookblock.png\",\"datePublished\":\"2012-11-17T21:11:36+00:00\",\"dateModified\":\"2016-08-31T15:22:39+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/bookblock.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/bookblock.png\",\"width\":425,\"height\":370},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Book Block jQuery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Book Block jQuery - Jose Aguilar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Book Block jQuery - Jose Aguilar Blog","og_description":"BookBlock es un plugin de jQuery que puede ser utilizado para la creaci\u00f3n de folletos, como componentes que permiten una \u00abp\u00e1gina flip\u00bb de navegaci\u00f3n. Cualquier contenido puede ser utilizado, tales como im\u00e1genes o texto. El plugin transforma la estructura s\u00f3lo cuando sea necesario (es decir, al lanzar una p\u00e1gina) y utiliza algunas superposiciones como sombra [&hellip;]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2012-11-17T21:11:36+00:00","article_modified_time":"2016-08-31T15:22:39+00:00","og_image":[{"width":425,"height":370,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/bookblock.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/","url":"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/","name":"Book Block jQuery - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/bookblock.png","datePublished":"2012-11-17T21:11:36+00:00","dateModified":"2016-08-31T15:22:39+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/bookblock.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/bookblock.png","width":425,"height":370},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/book-block-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Book Block jQuery"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/5291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=5291"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/5291\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/5302"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=5291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=5291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=5291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}