Da mich immer wieder Fragen zu meiner JS3 erreichen gibt es hier nun eine einfache Baudokumentation. Das meiste ist ja selbsterklärend deshalb gibt es (erstmal) nur eine Gallerie. Bei Fragen zu einzelnen Punkten schreibt mir noch einen Kommentar dann gehe ich gerne weiter darauf ein.
#bwg_container1_0 #bwg_container2_0 .bwg_standart_thumbnails_0 * { -moz-box-sizing: border-box; box-sizing: border-box; } #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun1_0 { -moz-box-sizing: content-box; box-sizing: content-box; background-color: #FFFFFF; display: inline-block; height: 90px; margin: 4px; padding: 0px; opacity: 1.00; filter: Alpha(opacity=100); text-align: center; vertical-align: middle; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s; width: 180px; z-index: 100; } #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun1_0:hover { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; opacity: 1; filter: Alpha(opacity=100); transform: scale(1.1); z-index: 102; position: relative; } #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun2_0 { border: 0px none #CCCCCC; border-radius: 0; box-shadow: 0px 0px 0px #888888; display: inline-block; height: 90px; overflow: hidden; width: 180px; } #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumbnails_0 { background-color: rgba(255, 255, 255, 0.00); display: inline-block; font-size: 0; max-width: 1152px; text-align: center; } #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_0 { display: inline-block; text-align: center; } #bwg_container1_0 #bwg_container2_0 .bwg_title_spun1_0 { display: table; height: inherit; left: -3000px; opacity: 0; filter: Alpha(opacity=0); position: absolute; top: 0px; width: inherit; } #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun1_0:hover .bwg_title_spun1_0 , #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun1_0:hover .bwg_ecommerce_spun1_0{ left: 0px; top: 0px; opacity: 1; filter: Alpha(opacity=100); } #bwg_container1_0 #bwg_container2_0 .bwg_title_spun2_0, #bwg_container1_0 #bwg_container2_0 .bwg_ecommerce_spun2_0 { color: #000000; display: table-cell; font-family: segoe ui; font-size: 16px; font-weight: bold; height: inherit; padding: 2px; text-shadow: 0px 0px 0px #888888; vertical-align: middle; width: inherit; word-wrap: break-word; } /*pagination styles*/ #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 { text-align: center; font-size: 12px; font-family: segoe ui; font-weight: bold; color: #666666; margin: 6px 0 4px; display: block; height: 30px; line-height: 30px; } @media only screen and (max-width : 320px) { #bwg_container1_0 #bwg_container2_0 .displaying-num_0 { display: none; } } #bwg_container1_0 #bwg_container2_0 .displaying-num_0 { font-size: 12px; font-family: segoe ui; font-weight: bold; color: #666666; margin-right: 10px; vertical-align: middle; } #bwg_container1_0 #bwg_container2_0 .paging-input_0 { font-size: 12px; font-family: segoe ui; font-weight: bold; color: #666666; vertical-align: middle; } #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled, #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled:hover, #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a.disabled:focus { cursor: default; color: rgba(102, 102, 102, 0.5); } #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a { cursor: pointer; font-size: 12px; font-family: segoe ui; font-weight: bold; color: #666666; text-decoration: none; padding: 3px 6px; margin: 0; border-radius: 0; border-style: solid; border-width: 1px; border-color: #E3E3E3; background-color: #FFFFFF; opacity: 1.00; filter: Alpha(opacity=100); box-shadow: 0; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s; } #bwg_container1_0 #bwg_container2_0 .bwg_back_0 { background-color: rgba(0, 0, 0, 0); color: #000000 !important; cursor: pointer; display: block; font-family: segoe ui; font-size: 16px; font-weight: bold; text-decoration: none; padding: 0; } #bwg_container1_0 #bwg_container2_0 #spider_popup_overlay_0 { background-color: #042538; opacity: 0.30; filter: Alpha(opacity=30); } .bwg_play_icon_spun_0 { width: inherit; height: inherit; display: table; position: absolute; } .bwg_play_icon_0 { color: #000000; font-size: 32px; vertical-align: middle; display: table-cell !important; z-index: 1; text-align: center; margin: 0 auto; } JS3 Baudoku ACL Akkuhalterung 2x LiIon Akkuhalterung Antriebsakku Akkuhalterung Antriebsakkus Erstflug Fahrwerk FES FES FES FES Haube aufziehen Haubenentriegelung HR HR HR HR HR Kabelbaum Komponenten Komponenten Mezon Pro 85 QR QR QR QR QR QR Servos Rumpfausbau Rumpfausbau Rumpfausbau Rumpfausbau Rumpfausbau Final Schleppkupplung Schleppkupplung Schleppkupplung / Flitschenhaken Spornrad SR SR SR SR SR Servo am FW Spant TEK Düse Vergleich ceflix – FW WK WK function spider_page_0(cur, x, y, load_more) { if (typeof load_more == „undefined“) { var load_more = false; } if (jQuery(cur).hasClass(‚disabled‘)) { return false; } var items_county_0 = 1; switch (y) { case 1: if (x >= items_county_0) { document.getElementById(‚page_number_0‘).value = items_county_0; } else { document.getElementById(‚page_number_0‘).value = x + 1; } break; case 2: document.getElementById(‚page_number_0‘).value = items_county_0; break; case -1: if (x == 1) { document.getElementById(‚page_number_0‘).value = 1; } else { document.getElementById(‚page_number_0‘).value = x – 1; } break; case -2: document.getElementById(‚page_number_0‘).value = 1; break; default: document.getElementById(‚page_number_0‘).value = 1; } spider_frontend_ajax(‚gal_front_form_0‘, ‚0‘, ‚bwg_standart_thumbnails_0‘, ‚0‘, “, ‚album‘, 0, “, “, load_more); } jQuery(‚.first-page-0‘).on(‚click‘, function() { spider_page_0(this, 1, -2); }); jQuery(‚.prev-page-0‘).on(‚click‘, function() { spider_page_0(this, 1, -1); return false; }); jQuery(‚.next-page-0‘).on(‚click‘, function() { spider_page_0(this, 1, 1); return false; }); jQuery(‚.last-page-0‘).on(‚click‘, function() { spider_page_0(this, 1, 2); }); jQuery(‚.bwg_load_btn_0‘).on(‚click‘, function() { spider_page_0(this, 1, 1, true); return false; }); function bwg_gallery_box_0(image_id, openEcommerce) { if(typeof openEcommerce == undefined){ openEcommerce = false; } var ecommerce = openEcommerce == true ? „&open_ecommerce=1“ : „“; var filterTags = jQuery(„#bwg_tags_id_bwg_standart_thumbnails_0“ ).val() ? jQuery(„#bwg_tags_id_bwg_standart_thumbnails_0“ ).val() : 0; var filtersearchname = jQuery(„#bwg_search_input_0“ ).val() ? jQuery(„#bwg_search_input_0″ ).val() : “; spider_createpopup(‚https://www.hangkantenpolitur.de/wp-admin/admin-ajax.php?tag_id=0&action=GalleryBox¤t_view=0&gallery_id=79&theme_id=1&thumb_width=180&thumb_height=90&open_with_fullscreen=1&open_with_autoplay=0&image_width=1000&image_height=700&image_effect=sliceH&wd_sor=alt&wd_ord= asc &enable_image_filmstrip=0&image_filmstrip_height=70&enable_image_ctrl_btn=1&enable_image_fullscreen=1&popup_enable_info=1&popup_info_always_show=1&popup_info_full_width=1&popup_hit_counter=0&popup_enable_rate=1&slideshow_interval=5&enable_comment_social=1&enable_image_facebook=0&enable_image_twitter=0&enable_image_google=0&enable_image_ecommerce=undefined&enable_image_pinterest=0&enable_image_tumblr=0&watermark_type=none&slideshow_effect_duration=1¤t_url=https%3A%2F%2Fwww.hangkantenpolitur.de%2Fmodelle%2Fartikel%2Fjs3%2F&image_id=‘ + image_id + „&filter_tag_0=“ + filterTags + ecommerce + „&filter_search_name_0=“ + filtersearchname, ‚0‘, ‚1000‘, ‚700‘, 1, ‚testpopup‘, 5, „bottom“); } var bwg_hash = window.location.hash.substring(1); if (bwg_hash) { if (bwg_hash.indexOf(„bwg“) != „-1“) { bwg_hash_array = bwg_hash.replace(„bwg“, „“).split(„/“); if(bwg_hash_array[0] == 79){ bwg_gallery_box_0(bwg_hash_array[1]); } } } function bwg_document_ready_0() { var bwg_touch_flag = false; jQuery(„.bwg_lightbox_0“).on(„click“, function () { if (!bwg_touch_flag) { bwg_touch_flag = true; setTimeout(function(){ bwg_touch_flag = false; }, 100); bwg_gallery_box_0(jQuery(this).attr(„data-image-id“)); return false; } }); jQuery(„.bwg_lightbox_0 .bwg_ecommerce“).on(„click“, function (event) { event.stopPropagation(); if (!bwg_touch_flag) { bwg_touch_flag = true; setTimeout(function(){ bwg_touch_flag = false; }, 100); var image_id = jQuery(this).closest(„.bwg_lightbox_0“).attr(„data-image-id“); bwg_gallery_box_0(image_id, true); return false; } }); } jQuery(document).ready(function () { bwg_document_ready_0(); });