Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/09/2016, 15:24
Avatar de bathory84
bathory84
 
Fecha de Ingreso: junio-2010
Ubicación: Venezuela
Mensajes: 257
Antigüedad: 13 años, 11 meses
Puntos: 1
Interferencia en custom.js

BUENAS TARDES AMIGOS, TENGO UN PROBLEMA CON MI PAGINA WEB, RESULTA QUE TIENE UN BANNER ANIMADO EN JAVASCRPT, PERO A ESA MISMA PAGINA LE QUIERO AGREGAR UN EFECTO ZOOM A UNA GALERIA DE IMAGENES.

EL PROBLEMA ESTÁ EN QUE EL EFECTO ZOOM DE LA GALERIA FUNCIONA CUANDO DESACTIVO O QUITO EL CUSTOM.JS DEL BANNER ANIMADO, PERO CUANDO ACTIVO O AGREGO AL HTML EL CUSTOM.JS FUNCIONA EL BANNER PERO NO EL ZOOM DE LA GALERIA.

AQUI LES COLOCO EL ARCHIVO:

Código Javascript:
Ver original
  1. /*
  2. * Used on : OwlTemplates.com Theme
  3. */
  4. /* Cufon replacement configuration begins */
  5. Cufon.replace('h2, h3, .title-1', { fontFamily: 'Helvetica LT Std', hover: 'true' });
  6. /* Cufon replacement configuration endss */
  7.  
  8. /* Purchase Now button fadein effect begins */
  9. $(document).ready(function () {
  10.  
  11.     //Append a div with hover class to all the LI
  12.     $('#purchase-now li').append('<div class="hover"><\/div>');
  13.  
  14.  
  15.     $('#purchase-now li').hover(
  16.        
  17.         //Mouseover, fadeIn the hidden hover class 
  18.         function() {
  19.            
  20.             $(this).children('div').fadeIn('1000');
  21.        
  22.         },
  23.    
  24.         //Mouseout, fadeOut the hover class
  25.         function() {
  26.        
  27.             $(this).children('div').fadeOut('1000');   
  28.        
  29.     }).click (function () {
  30.    
  31.         //Add selected class if user clicked on it
  32.         $(this).addClass('selected');
  33.        
  34.     });
  35.  
  36. });
  37. /* Purchase Now button fadein effect ends */
  38. /* Carousel begins */
  39.         $(function() {
  40.                  $(".carousel").jCarouselLite({
  41.                       btnNext: ".next",
  42.                       btnPrev: ".prev"
  43.                  });
  44.             });
  45. /* Carousel ends */
  46. /* header slider begins */
  47.         var $asj = jQuery.noConflict();
  48.         $asj(function () {
  49.             function formatText(index, panel) {
  50.                 var titles = new Array();titles[0+1]="1";titles[1+1]="2";titles[2+1]="3";titles[3+1]="4";titles[4+1]="5";return titles[index];  }
  51.             $asj('.anythingSlider').anythingSlider({
  52.                 easing: "easeInOutExpo",        
  53.                 autoPlay: true,                
  54.                 delay: 3000,    
  55.                 showStartStop: false,
  56.                 startStopped: false,            
  57.                 animationTime: 600,            
  58.                 hashTags: true,                
  59.                 buildNavigation: true,
  60.                 pauseOnHover: true,  
  61.                 startText: "Start",            
  62.                 stopText: "Stop",              
  63.                 navigationFormatter: formatText      
  64.             });
  65.         });
  66. /* header slider ends */