1// Important note! If you're adding CSS3 transition to slides, fadeInLoadedSlide should be disabled to avoid fade-conflicts. 2 var whoGlobal = ''; 3 jQuery(document).ready(function($) { 4 //Cargamos todos los slides 5 prepareSlick($(".slide-galeria")); 6 $('.slide-galeria').slick({ 7 adaptiveHeight: true, 8 dots: true, 9 infinite: true, 10 mobileFirst: true, 11 slidesToShow: 1, 12 13 arrows: true, 14 prevArrow: '<div class="rsArrow rsArrowLeft"><div class="rsArrowIcn"></div></div>', 15 nextArrow: '<div class="rsArrow rsArrowRight"><div class="rsArrowIcn"></div></div>', 16 }) 17 .on('setPosition', function (event, slick) { 18 slick.$slides.css('height', slick.$slideTrack.height() + 'px'); 19 }); 20 21 prepareSlick($(".slide-cars")); 22 $('.slide-cars').slick({ 23 centerMode: false, 24 centerPadding: '0', 25 dots: true, 26 infinite: true, 27 mobileFirst: true, 28 slidesToShow: 1, 29 30 arrows: true, 31 prevArrow: '<div class="rsArrow rsArrowLeft"><div class="rsArrowIcn"></div></div>', 32 nextArrow: '<div class="rsArrow rsArrowRight"><div class="rsArrowIcn"></div></div>', 33 responsive: [ 34 { 35 breakpoint: 800, 36 settings: { 37 centerMode: true, 38 centerPadding: '22%', 39 arrows: true, 40 } 41 } 42 ] 43 }) 44 // .on('setPosition', function (event, slick) { 45 // slick.$slides.css('height', slick.$slideTrack.height() + 'px'); 46 // }); 47 48 prepareSlick($(".slide-circle.small")); 49 $('.slide-circle.small').slick({ 50 centerMode: false, 51 centerPadding: '0', 52 dots: true, 53 infinite: true, 54 mobileFirst: true, 55 slidesToShow: 1, 56 57 arrows: true, 58 prevArrow: '<div class="rsArrow rsArrowLeft" style="left:28%;"><div class="rsArrowIcn"></div></div>', 59 nextArrow: '<div class="rsArrow rsArrowRight" style="right:28%;"><div class="rsArrowIcn"></div></div>', 60 responsive: [ 61 { 62 breakpoint: 800, 63 settings: { 64 centerMode: true, 65 centerPadding: '32%', 66 arrows: true, 67 } 68 } 69 ] 70 }) 71 .on('setPosition', function (event, slick) { 72 slick.$slides.css('height', slick.$slideTrack.height() + 'px'); 73 }); 74 75 prepareSlick($(".colores-slide")); 76 $('.colores-slide').slick({ 77 dots: true, 78 centerMode: true, 79 centerPadding: '60px', 80 slidesToShow: 3, 81 arrows: true, 82 prevArrow: '<div class="rsArrow rsArrowLeft"><div class="rsArrowIcn"></div></div>', 83 nextArrow: '<div class="rsArrow rsArrowRight"><div class="rsArrowIcn"></div></div>', 84 responsive: [ 85 { 86 breakpoint: 768, 87 settings: { 88 arrows: true, 89 centerMode: true, 90 centerPadding: '40px', 91 slidesToShow: 3 92 } 93 } 94 ] 95 }); 96 97 prepareSlick($(".slide-circle.fullh")); 98 $('.slide-circle.fullh').slick({ 99 centerMode: false, 100 autoplay: true, 101 autoplaySpeed: 50000, 102 centerPadding: '0', 103 dots: true, 104 infinite: true, 105 mobileFirst: true, 106 fade: true, 107 cssEase: 'linear', 108 slidesToShow: 1, 109 arrows: true, 110 prevArrow: '<div class="rsArrow rsArrowLeft"><div class="rsArrowIcn"></div></div>', 111 nextArrow: '<div class="rsArrow rsArrowRight"><div class="rsArrowIcn"></div></div>', 112 }) 113 $('.slide-circle.fullh').on('beforeChange', function(event, slick, currentSlide, nextSlide){ 114 var elSlide = $(slick.$slides[nextSlide]); 115 var color = elSlide.data('color'); 116 var elId = elSlide.data('id'); 117 $('#'+elId).removeClass('blanco negro'); 118 $('#'+elId).addClass(color); 119 }); 120 121 // .on('setPosition', function (event, slick) { 122 // slick.$slides.css('height', slick.$slideTrack.height() + 'px'); 123 // }); 124 125 prepareSlick($(".slide-circle.big")); 126 $('.slide-circle.big').slick({ 127 centerMode: false, 128 centerPadding: '0', 129 dots: true, 130 infinite: true, 131 mobileFirst: true, 132 slidesToShow: 1, 133 134 arrows: true, 135 prevArrow: '<div class="rsArrow rsArrowLeft"><div class="rsArrowIcn"></div></div>', 136 nextArrow: '<div class="rsArrow rsArrowRight"><div class="rsArrowIcn"></div></div>', 137 responsive: [ 138 { 139 breakpoint: 800, 140 settings: { 141 centerMode: true, 142 centerPadding: '12%', 143 arrows: true, 144 } 145 } 146 ] 147 }) 148 // .on('setPosition', function (event, slick) { 149 // slick.$slides.css('height', slick.$slideTrack.height() + 'px'); 150 // }); 151
152 prepareSlick($(".accesorios-slide")); 153 $('.accesorios-slide').slick({ 154 slidesToShow: 1, 155 slidesToScroll: 1, 156 centerPadding: '5%', 157 dots: true, 158 centerMode: true, 159 focusOnSelect: true, 160 mobileFirst: true, 161 infinite: true, 162 163 arrows: false, 164 prevArrow: '<div class="rsArrow rsArrowLeft"><div class="rsArrowIcn"></div></div>', 165 nextArrow: '<div class="rsArrow rsArrowRight"><div class="rsArrowIcn"></div></div>', 166 responsive: [ 167 { 168 breakpoint: 800, 169 settings: { 170 slidesToShow: 3, 171 centerMode: true, 172 arrows: true, 173 } 174 } 175 ] 176 }) 177 .on('setPosition', function (event, slick) { 178 slick.$slides.css('height', slick.$slideTrack.height() + 'px'); 179 }); 180 181 prepareSlick($(".slide-circle.video")); 182 $('.slide-circle.video').slick({ 183 centerMode: false, 184 centerPadding: '0', 185 dots: true, 186 infinite: true, 187 mobileFirst: true, 188 slidesToShow: 1, 189 190 arrows: true, 191 prevArrow: '<div class="rsArrow rsArrowLeft"><div class="rsArrowIcn"></div></div>', 192 nextArrow: '<div class="rsArrow rsArrowRight"><div class="rsArrowIcn"></div></div>', 193 responsive: [ 194 { 195 breakpoint: 800, 196 settings: { 197 centerMode: false, 198 centerPadding: '0%', 199 arrows: true, 200 } 201 } 202 ] 203 }) 204 // .on('setPosition', function (event, slick) { 205 // slick.$slides.css('height', slick.$slideTrack.height() + 'px'); 206 // }); 207 208 209 //Tabs para versión móvil 210 prepareSlick($(".acabados-tabs.slide")); 211 $('.acabados-tabs.slide').slick({ 212 centerMode: false, 213 mobileFirst: true, 214 arrows: true, 215 slidesToShow: 1, 216 initialSlide: 0, 217 dots: true, 218 infinite: false, 219 prevArrow: '<div class="rsArrow rsArrowLeft"><div class="rsArrowIcn"></div></div>', 220 nextArrow: '<div class="rsArrow rsArrowRight"><div class="rsArrowIcn"></div></div>', 221 }); 222 223 224 225 prepareSlick($(".gamas-tabs.acabados")); 226 $('.gamas-tabs.acabados').slick({ 227 centerMode: false, 228 mobileFirst: false, 229 arrows: true, 230 variableWidth: true, 231 // autoplay: true, 232 slidesToShow: 5, 233 initialSlide: 0, 234 dots: false, 235 infinite: false, 236 prevArrow: '<div class="rsArrow rsArrowLeft"><div class="rsArrowIcn"></div></div>', 237 nextArrow: '<div class="rsArrow rsArrowRight"><div class="rsArrowIcn"></div></div>', 238 }); 239 240 241 242 243 prepareSlick($(".home_hero")); 244 //start the slider 245 $(".home_hero").slick({ 246 dots: false, 247 arrows: true, 248 fade: true, 249 // autoplay: true, 250 autoplay: false, 251 autoplaySpeed: 4000, 252 prevArrow: '<div class="rsArrow rsArrowLeft"><div class="rsArrowIcn"></div></div>', 253 nextArrow: '<div class="rsArrow rsArrowRight"><div class="rsArrowIcn"></div></div>', 254 responsive: [ 255 { 256 breakpoint: 800, 257 settings: { 258 arrows:false 259 } 260 } 261 ] 262 }); 263 //Cambiamos las fotos según cambiamos de año 264 $('.acabados-tabs.slide').on('beforeChange', function(event, slick, currentSlide, nextSlide){ 265 266 var elSlide = $(slick.$slides[nextSlide]); 267 var version = elSlide.data('version'); 268 changeAcabados(version); 269 $('#modalAcabados .accesorios-slide').slick('refresh'); 270 271 }); 272 273 var optionsRoyalSlider = { 274 addActiveClass: true, 275 arrowsNav: true, 276 controlNavigation: 'bullets', 277 controlsInside: false, 278 autoScaleSlider: true, 279 // autoScaleSliderWidth: 1200, 280 autoScaleSliderHeight: 300, 281 loop: true, 282 fadeinLoadedSlide: false, 283 globalCaption: false, 284 keyboardNavEnabled: true, 285 globalCaptionInside: false, 286 slidesSpacing: -70, 287 visibleNearby: { 288 enabled: true, 289 centerArea: 0.4, 290 center: true, 291 breakpoint: 650, 292 breakpointCenterArea: 0.64, 293 navigateByCenterClick: true 294 } 295 }; 296 297 var optionsRoyalSliderTiny = { 298 addActiveClass: true, 299 arrowsNav: true, 300 controlNavigation: 'bullets', 301 controlsInside: false, 302 autoScaleSlider: true, 303 // autoScaleSliderWidth: 1200, 304 autoScaleSliderHeight: 245, 305 loop: true, 306 fadeinLoadedSlide: false, 307 globalCaption: false, 308 keyboardNavEnabled: true, 309 globalCaptionInside: false, 310 slidesSpacing: -100, 311 visibleNearby: { 312 enabled: true, 313 centerArea: 0.4, 314 center: true, 315 breakpoint: 650, 316 breakpointCenterArea: 0.64, 317 navigateByCenterClick: true 318 } 319 }; 320 321 var optionsRoyalSliderAccesorios = { 322 addActiveClass: true, 323 arrowsNav: true, 324 controlNavigation: 'bullets', 325 controlsInside: false, 326 autoScaleSlider: true, 327 // autoScaleSliderWidth: 1200, 328 autoScaleSliderHeight: 355, 329 loop: true, 330 fadeinLoadedSlide: false, 331 globalCaption: false, 332 keyboardNavEnabled: true, 333 globalCaptionInside: false, 334 slidesSpacing: -65, 335 visibleNearby: { 336 enabled: true, 337 centerArea: 0.39, 338 center: true, 339 breakpoint: 650, 340 breakpointCenterArea: 0.64, 341 navigateByCenterClick: true 342 } 343 }; 344 345 var optionsRoyalSliderAcabados = { 346 addActiveClass: true, 347 arrowsNav: true, 348 controlNavigation: 'bullets', 349 controlsInside: false, 350 autoScaleSlider: true, 351 // autoScaleSliderWidth: 1200, 352 autoScaleSliderHeight: 260, 353 loop: true, 354 fadeinLoadedSlide: false, 355 globalCaption: false, 356 keyboardNavEnabled: true, 357 globalCaptionInside: false, 358 slidesSpacing: -65, 359 visibleNearby: { 360 enabled: true, 361 centerArea: 0.39, 362 center: true, 363 breakpoint: 650, 364 breakpointCenterArea: 0.64, 365 navigateByCenterClick: true 366 } 367 }; 368 369 //Cargamos los slides versión Royal 370 var arrowsOutGallery = $('.royalSlider.active-up.accesorios').royalSlider(optionsRoyalSliderAccesorios).data('royalSlider'); 371 var arrowsOutGallery = $('.royalSlider.active-up.acabados').royalSlider(optionsRoyalSliderAcabados).data('royalSlider'); 372 var arrowsOutGallery = $('.royalSlider.active-up').royalSlider(optionsRoyalSliderTiny).data('royalSlider'); 373 var arrowsInGallery = $('.royalSlider.history').royalSlider(optionsRoyalSlider).data('royalSlider'); 374 375 //Refrescamos los slides al abrir el modal. 376 //Si no hacemos esto, se vuelve loco con las medidas y no carga bien 377 378 var modalOutback = document.getElementById('modalOutback') 379 modalOutback.addEventListener('shown.bs.modal', function (event) { 380 $('#modalOutback .slide-circle.small').slick('refresh');
381 $('#modalOutback .accesorios-slide').slick('refresh'); 382 // $('.slide-circle.fullh').slick('refresh'); 383 jQuery('.royalSlider.active-up').royalSlider('updateSliderSize', true); 384 }) 385 386 var modalSeguridad = document.getElementById('modalSeguridad') 387 modalSeguridad.addEventListener('shown.bs.modal', function (event) { 388 $('#modalSeguridad .slide-circle.big').slick('refresh'); 389 $('#modalSeguridad .slide-circle.video').slick('refresh'); 390 $('#modalSeguridad .slide-circle.fullh').slick('refresh'); 391 $('#modalSeguridad .accesorios-slide').slick('refresh'); 392 393 cleanVimeo(event, 'modalSeguridad'); 394 }) 395 modalSeguridad.addEventListener('show.bs.modal', function (event) { 396 //Ponemos el loading 397 $('#modalSeguridad').addClass("loading"); 398 }) 399 400 var modalTecnologia = document.getElementById('modalTecnologia') 401 modalTecnologia.addEventListener('shown.bs.modal', function (event) { 402 $('#modalTecnologia .slide-circle.big').slick('refresh'); 403 $('#modalTecnologia .slide-circle.video').slick('refresh'); 404 $('#modalTecnologia .slide-circle.fullh').slick('refresh'); 405 $('#modalTecnologia .accesorios-slide').slick('refresh'); 406 407 cleanVimeo(event, 'modalTecnologia'); 408 }) 409 modalTecnologia.addEventListener('show.bs.modal', function (event) { 410 //Ponemos el loading 411 $('#modalTecnologia').addClass("loading"); 412 }) 413 414 var modalExterior = document.getElementById('modalExterior') 415 modalExterior.addEventListener('shown.bs.modal', function (event) { 416 jQuery('.royalSlider.active-up').royalSlider('updateSliderSize', true); 417 // jQuery('#gallery-4').royalSlider('updateSliderSize', true); 418 // jQuery('#gallery-4_alt').royalSlider('updateSliderSize', true); 419 $('#modalExterior .slide-galeria').slick('refresh'); 420 $('#modalExterior .slide-circle').slick('refresh'); 421 $('#modalExterior .colores-slide').slick('refresh'); 422 $('#modalExterior .accesorios-slide').slick('refresh'); 423 }) 424 425 var modalInterior = document.getElementById('modalInterior') 426 modalInterior.addEventListener('shown.bs.modal', function (event) { 427 jQuery('.royalSlider.active-up').royalSlider('updateSliderSize', true); 428 $('#modalInterior .slide-galeria').slick('refresh'); 429 $('#modalInterior .slide-circle').slick('refresh'); 430 $('#modalInterior .accesorios-slide').slick('refresh'); 431 432 player = $('#panoDIV iframe').get(0); 433 postMessageToPlayer(player, { 434 "method": "play", 435 "value": 1 436 }); 437 438 // $('#panoDIV video').get(0).play() 439 }) 440 441 var modalAcabados = document.getElementById('modalAcabados') 442 modalAcabados.addEventListener('shown.bs.modal', function (e) { 443 444 $('.colores-slide').slick('slickGoTo', 3); 445 446 if($('#modalAcabados .accesorios-slide').hasClass('slick-initialized')) { $('#modalAcabados .accesorios-slide').slick('refresh'); } 447 if($('#modalAcabados .slide-circle').hasClass('slick-initialized')) { $('#modalAcabados .slide-circle').slick('refresh'); } 448 if($('#modalAcabados .colores-slide').hasClass('slick-initialized')) { $('#modalAcabados .colores-slide').slick('refresh'); } 449 jQuery('.royalSlider.history').royalSlider('updateSliderSize', true); 450 jQuery('.royalSlider.active-up').royalSlider('updateSliderSize', true); 451 452 $('#modalAcabados .gamas-tabs.acabados').slick('refresh'); 453 // jQuery('#gallery-interior').royalSlider('updateSliderSize', true); 454 // jQuery('#gallery-eyesight').royalSlider('updateSliderSize', true); 455 if (/(iphone|ipod|ipad|android|iemobile|webos|fennec|blackberry|kindle|series60|playbook|opera\smini|opera\smobi|opera\stablet|symbianos|palmsource|palmos|blazer|windows\sce|windows\sphone|wp7|bolt|doris|dorothy|gobrowser|iris|maemo|minimo|netfront|semc-browser|skyfire|teashark|teleca|uzardweb|avantgo|docomo|kddi|ddipocket|polaris|eudoraweb|opwv|plink|plucker|pie|xiino|benq|playbook|bb|cricket|dell|bb10|nintendo|up.browser|playstation|tear|mib|obigo|midp|mobile|tablet)/.test(navigator.userAgent.toLowerCase())) { 456 if($('#modalAcabados .acabados-tabs').hasClass('slick-initialized')) { 457 var modelIndex = $('#modalAcabados .acabados-tabs').find('[data-version="' + whoGlobal + '"]:not(.slick-cloned)').data('slick-index'); 458 $('#modalAcabados .acabados-tabs').slick('slickGoTo', modelIndex); 459 $('#modalAcabados .acabados-tabs').slick('refresh'); 460 $('#modalAcabados .acabados-tabs').slick('slickGoTo', modelIndex); 461 } 462 463 } 464 }) 465 466 467 //triggered when modal is about to be shown 468 $('#modalFormConfigurador').on('show.bs.modal', function(e) { 469 //get data-id attribute of the clicked element 470 var model = $(e.relatedTarget).data('confimg'); 471 var logotipo = $(e.relatedTarget).data('logo'); 472 if(model != '' && model != undefined) { 473 console.log("si",$("#modalFormConfigurador .btn-close")); 474 $("#modalFormConfigurador .btn-close").attr("onclick", ""); 475 $("img#img-solicitar-oferta-mobile").removeClass("d-none"); 476 $("img#img-solicitar-oferta-mobile").addClass("d-block"); 477 $("img#img-solicitar-oferta, img#img-solicitar-oferta-mobile").attr("src",model); 478 } else { 479 console.log("no",$("#modalFormConfigurador .btn-close")); 480 $("#modalFormConfigurador .btn-close").attr("onclick","nextModal('modalConfigurador','modalFormConfigurador');"); 481 $("img#img-solicitar-oferta-mobile").removeClass("d-block"); 482 $("img#img-solicitar-oferta-mobile").addClass("d-none"); 483 } 484 if(logotipo != '') { 485 $('#logo-testdrive').attr('src',logotipo).show(); 486 } else if( current == 'modelo' && logotipo == '') { 487 $('#logo-testdrive').hide(); 488 } 489 490 }); 491 492 493 }); 494 495 function verAcabados(who) { 496 changeAcabados(who); 497 whoGlobal = who; 498 $('#modalAcabados').modal('show'); 499 } 500 501 function changeAcabados(selector) { 502 $('.gamas-tabs.acabados a').removeClass('active on'); 503 $('.'+selector).addClass('active on'); 504 $('#modalAcabados .modal-body').hide(); 505 $('#acabado-'+selector).show(); 506 if( $('#modalAcabados .colores-slide').hasClass('slick-initialized')) { 507 $('#modalAcabados .colores-slide').slick('refresh'); 508 } 509 510 $('.royalSlider.active-up').royalSlider('updateSliderSize', true); 511 $('.royalSlider.history').royalSlider('updateSliderSize', true); 512 } 513 514 function cleanVimeo(event, idModal) { 515 516 $('#'+idModal+' iframe').remove(); 517 //Comprobamos si hay videos de vimeo en el modal 518 if(event.target.querySelector('#'+idModal+' div.vimeo') !== null) { 519 iframesTotales = $('#'+idModal+' div.vimeo').length; 520 521 //Cargamos los iframes de los videos 522 document.querySelectorAll('#'+idModal+' .item.vimeo').forEach(function (elItem) { 523 var vimeoId = $(elItem).attr("data-idvideo"); 524 var iframeVimeo = '<iframe onload="controlIframes(\''+idModal+'\');" class="embed-player slide-media" src="https://player.vimeo.com/video/'+vimeoId+'?api=1&byline=0&portrait=0&title=0&background=1&muted=1&loop=1&auto
524play=0&id='+vimeoId+'" frameborder="0" allowfullscreen="allowfullscreen"></iframe>'; 525 526 $(elItem).prepend(iframeVimeo); 527 }); 528 } else { 529 $('#'+idModal).removeClass("loading"); 530 } 531 console.log("cleanVimeo",iframesTotales); 532 } 533 534 // Carga un color para el 360 exterior. 535 function ext360_cargarColor(_obj) { 536 console.log("contenido", contenido.ext360_colores); 537 var _color = _obj.attr("data-color"); 538 var _foto_actual = _obj.attr("data-foto"); 539 540 if(typeof(_foto_actual) == "undefined") {_foto_actual = 28;} //Ponemos el primer frame que se visualiza de inicio 541 542 // Si el array de precargas no existe, lo crea. 543 if (!$.isArray(window._precarga_img)) { window._precarga_img = []; } 544 545 546 if (Object.keys(contenido.ext360_colores).length > 0) { 547 548 // Precarga las fotos para ese color. 549 $.each(contenido.ext360_colores[_color].fotos, function(index, value) { 550 var nuevaImg = new Image(); 551 nuevaImg.src = base_url + contenido.ext360_colores[_color].carpeta + "/" + value; 552 window._precarga_img.push(nuevaImg); 553 }); 554 555 // Pone la primera imagen. 556 // console.log(contenido.ext360_colores); 557 _obj.attr("alt", contenido.ext360_colores[_color].etiqueta_alt); 558 _obj.attr("title", contenido.ext360_colores[_color].etiqueta_title); 559 _obj.attr("data-foto", _foto_actual); 560 // if( _foto_actual > 1) { _foto_actual = _foto_actual-1; } 561 _obj.attr("src", base_url + contenido.ext360_colores[_color].carpeta + "/" + contenido.ext360_colores[_color].fotos[_foto_actual - 1]); 562 } 563 else { 564 _obj.hide(); 565 } 566 567 } 568 569 $("img.360view_exterior").each(function(index) { 570 var _self = $(this); 571 572 if (_self.css("cursor") == "default") { return; } 573 574 _self.attr("data-moviendo", "0"); 575 ext360_cargarColor(_self); 576 577 // Los eventos de movimiento. 578 _self.on("touchstart mousedown", function (event) { 579 if (event.type == "mousedown") { event.preventDefault(); } 580 581 $(this).attr("data-moviendo", "1"); 582 if (event.type == "touchstart") { pos_x = event.originalEvent.touches[0].clientX; pos_y = event.originalEvent.touches[0].clientY; } 583 else { pos_x = event.pageX; pos_y = event.pageY; } 584 $(this).attr("data-posx", pos_x); 585 if (event.type == "touchstart") { $(this).attr("data-posy", pos_y); } 586 }); 587 588 _self.on("touchmove mousemove", function (event) { 589 590 // Calcula nueva posición. 591 pos_x0 = parseInt($(this).attr("data-posx")); 592 pos_y0 = parseInt($(this).attr("data-posy")); 593 if (event.type == "touchmove") { pos_x1 = event.originalEvent.touches[0].clientX; pos_y1 = event.originalEvent.touches[0].clientY; } 594 else { pos_x1 = event.pageX; pos_y1 = event.pageY; } 595 596 // Si no está moviendo, sale. 597 if ($(this).attr("data-moviendo") == "0") { event.preventDefault(); return; } 598 599 600 if ((pos_x1 - pos_x0) > 15) { 601 event.preventDefault(); 602 // Derecha. 603 var _foto = parseInt($(this).attr("data-foto")) - 1; 604 var _color = $(this).attr("data-color"); 605 606 if (_foto <= 0) { _foto = Object.keys(contenido.ext360_colores[_color].fotos).length; } 607 $(this).attr("src", base_url + contenido.ext360_colores[_color].carpeta + "/" + contenido.ext360_colores[_color].fotos[_foto - 1]); 608 $(this).attr("data-foto", _foto); 609 610 $(this).attr("data-posx", pos_x1); 611 $(this).attr("data-posy", pos_y1); 612 } 613 else if ((pos_x1 - pos_x0) < -15) { 614 event.preventDefault(); 615 // Izquierda. 616 var _foto = parseInt($(this).attr("data-foto")) + 1; 617 var _color = $(this).attr("data-color") 618 619 if (_foto > Object.keys(contenido.ext360_colores[_color].fotos).length) { 620 _foto = 1; 621 // console.log(contenido.ext360_colores[_color].fotos); 622 } 623 624 $(this).attr("src", base_url + contenido.ext360_colores[_color].carpeta + "/" + contenido.ext360_colores[_color].fotos[_foto - 1]); 625 $(this).attr("data-foto", _foto); 626 627 $(this).attr("data-posx", pos_x1); 628 $(this).attr("data-posy", pos_y1); 629 } 630 // Detecta si lo que se está intentando hacer es scrollar la página. 631 else if (event.type == "touchmove" && Math.abs(pos_x1 - pos_x0) < 10 && Math.abs(pos_y1 - pos_y0) > 20) { 632 $(this).attr("data-posx", pos_x1); 633 $(this).attr("data-posy", pos_y1); 634 return true; 635 } 636 else if (event.type == "mousemove") { 637 event.preventDefault(); 638 } 639 640 641 642 }); 643 644 _self.on("touchend mouseup", function (event) { 645 $(this).attr("data-moviendo", "0"); 646 }); 647 648 }); 649 650 $('#coche_colores > a.color').hover( 651 function(){ 652 //Al entrar, ponemos el del color donde estamos posicionados 653 var _color_nuevo = $(this).attr('data-nombre'); 654 var _acabado = $(this).attr('data-acabado'); 655 //fadeTo no hace desaparecer el bloque, solo trabaja la opacidad....Bueno para mobile. 656 $('#coche_color_nombre_'+_acabado).text(_color_nuevo); 657 // $('#coche_color_nombre').fadeTo(200, 0, function(){ 658 // $('#coche_color_nombre').fadeTo(200, 1); 659 // }); 660 }, 661 function(){ 662 //Al salir, cogemos el nombre que tenemos guardado del color seleccionado y lo ponemos...... 663 var _color_nuevo = $(this).attr('data-nombre') 664 var _acabado = $(this).attr('data-acabado'); 665 //.... si no lo ha escogido (click) antes 666 if ($('#coche_color_nombre_'+_acabado).attr('data-nombre-seleccionado') !== _color_nuevo){ 667 $('#coche_color_nombre_'+_acabado).text($("#coche_color_nombre_"+_acabado).attr('data-nombre-seleccionado')); 668 // $('#coche_color_nombre').fadeTo(200, 0, function(){ 669 // //fadeTo no hace desaparecer el bloque, solo trabaja la opacidad....Bueno para mobile. 670 // $('#coche_color_nombre').fadeTo(200, 1); 671 // }); 672 } 673 674 } 675 ); 676 677 $("#coche_colores > a.color").on("click", function(event) { 678 event.preventDefault(); 679 680 $(this).siblings("a.color").removeClass('seleccionado'); 681 $(this).addClass("seleccionado"); 682 683 $("#coche_color_nombre").attr('data-nombre-seleccionado', $(this).attr('data-nombre'));
683 //Guardamos el nombre del color en el atributo, hacemos click antes de salir del hover. 684 //Ponemos el nombre del color seleccionado 685 $('#coche_color_nombre').text($(this).attr('data-nombre')); 686 687 var _img = $("img.360view_exterior"); // Cambiar después si hay varios en una página. 688 _img.attr("data-color", $(this).attr("data-id")); 689 ext360_cargarColor(_img); 690 }); 691 692 $('.colores-slide').on('beforeChange', function(event, slick, currentSlide, nextSlide){ 693 var elSlide = $(slick.$slides[nextSlide]); 694 var color = elSlide.data('nombre'); 695 var elId = elSlide.data('id'); 696 697 $("#coche_color_nombre.coche_color_nombre").attr('data-nombre-seleccionado', color); //Guardamos el nombre del color en el atributo, hacemos click antes de salir del hover. 698 $('#coche_color_nombre.coche_color_nombre').text(color); 699 700 var _img = $("img.360view_exterior"); // Cambiar después si hay varios en una página. 701 _img.attr("data-color",elId); 702 ext360_cargarColor(_img); 703 }); 704 705 ///CARGA LA LIBRERIA DE AOS la de los movimientos 706 AOS.init({ 707 //duration: 1200, 708 once: true, 709 });
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.