Foros del Web » Programando para Internet » Javascript »

problema con lightbox

 Estas en el tema de problema con lightbox en el foro de Javascript en Foros del Web. Hola, tengo este html: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> < html xmlns = "http://www.w3.org/1999/xhtml" >   ...
  #1 (permalink)  
Antiguo 05/04/2010, 18:38
Avatar de destor77  
Fecha de Ingreso: noviembre-2004
Ubicación: Gálvez, Santa Fe, Argentina
Mensajes: 2.654
Antigüedad: 20 años, 2 meses
Puntos: 43
problema con lightbox
Hola,
tengo este html:
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.                 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
  5.         <link href="website/template/css/estilos.css" type="text/css" rel="stylesheet" />
  6.         <link type="text/css" media="screen" rel="stylesheet" href="website/template/css/colorbox.css" />
  7.         
  8.         <script type="text/javascript" src="website/template/js/jquery-1.3.2.min.js"></script>  
  9. <script type="text/javascript" src="website/template/js/jquery.min.js"></script>        
  10.         <script type="text/javascript" src="website/template/js/jquery.js"></script>
  11.         <script type="text/javascript" src="website/template/js/ui.core.js"></script>
  12.  
  13.         <script type="text/javascript" src="website/template/js/jquery.colorbox.js"></script>
  14.         <script type="text/javascript" src="website/template/js/jquery-ui-1.7.2.custom.min.js"></script>
  15.         <script type="text/javascript" src="website/template/js/funciones.js"></script>
  16.  
  17.         <meta name="description" content="" />
  18.         <meta name="keywords" content=""/>
  19.  
  20.         <meta name="google-site-verification" content="" />
  21.  
  22.         <meta name="language" content="es" />
  23.         <meta http-equiv="Content-Language" content="es" />
  24.         <meta name="revisit-after" content="7 days" />
  25.         <meta name="robot" content="Index,Follow" />
  26.         <meta name="robot" content="All" />
  27.         <meta name="Distribution" content="Global" />
  28.         <meta http-equiv="Pragma" content="no-cache" />
  29.         <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  30.         <meta name="rating" content="general" />
  31.  
  32.         <meta name="author" http-equiv="Author" content="websa100 - www.websa100.com"/>
  33.         <meta name="copyright" content="Copyright websa100 - www.websa100.com" />
  34.         <meta name="generator" content="Framework Punk PHP 0.1" /> 
  35.  
  36.         <link rel="icon" type="image/x-icon" href="website/template/imagenes/favicon.ico" />
  37.         <link rel="shortcut icon" href="website/template/imagenes/favicon.ico" />
  38.  
  39.  
  40.  
  41.         <title></title>
  42.     </head>
  43.  
  44.     <body class="ficha">
  45.     <div id="contenedor">
  46.     <div id="contenedor2">
  47.         <div id="header">
  48.             <div class="hizq">
  49.                 <div class="logo"><h1>rwa - compras y consultor&iacute;a</h1></div>
  50.                 <div class="tel">Tel.: 915444944 · 605931212<br />
  51.  
  52.                     Lisboa 3; 28008 Madrid</div>
  53.             </div>
  54.             <div class="hder">
  55.                 <ul>
  56.                     <li><a href="index.php?controlador=inicio">inicio</a></li>
  57.                     <li><a href="index.php?controlador=contacto">contacto</a></li>
  58.                 </ul>
  59.  
  60.             </div>
  61.             <div class="hmenu">           
  62.             </div>
  63.  
  64.         </div>    <div class="contenido">
  65.     <div class="sidebar">
  66.         <h2>Encuentra tu inmueble</h2>
  67.         <div class="buscador">
  68.             <form action="index.php?controlador=buscador" method="post">
  69.  
  70.                 <div class="opcion"><label>Opción:</label> <a href="#" onclick="document.getElementById('operacion').value='1';">comprar</a> / <a href="#" onclick="document.getElementById('operacion').value='2';">alquilar</a></div>
  71.                 <label>Zona:</label>
  72.                
  73.             </form>
  74.         </div>
  75.     </div>    <div class="cuerpo">
  76.         <div class="titulo"><h2>Nuestra Empresa</h2></div>
  77.                 <div class="des fic">
  78.                     <div class="cuadro2">
  79.                         <div class="box1">
  80.                             <div class="boxi">
  81.  
  82.                                 <div class="imagen4"><img src="http://localhost/rwa/images/prop_th_2_1.jpg" alt="imagen" /></div>
  83.                                 <div class="precio">
  84.                                     <ul>
  85.                                         <li class="pr1">precio</li>
  86.                                         <li class="pr2">1 000 000 &euro;</li>
  87.                                     </ul>
  88.                                 </div>
  89.                                 
  90.                             </div>
  91.  
  92.                             <div class="boxd">
  93.                                 <ul>
  94.                                 <li><span>Ref.:</span> 2</li>
  95.                                 <li><span>Distrito/Zona:</span> Area de Estrategia</li>
  96.                                 <li><span>Ciudad:</span> Girona</li>
  97.  
  98.                                 <li><span>Provincia:</span> Barcelona</li>
  99.                                 <li><span>Tipo:</span> Campos</li>
  100.                                 <li><span>Descripción:</span> <p>Campos de pastoreo para toros o vacas, caballos y/o ovejas. Cuenta con parcelas para el cultivo de cereales.</p></li>                               
  101.                                 </ul>
  102.                             </div>
  103.  
  104.                         
  105.                         </div>
  106.                         <div class="box2">
  107.                                                         <ul>
  108.                                                             <li>
  109.                                     <a href="http://localhost/rwa/images/prop_2_2.jpg" rel="galeria" title="&nbsp;">
  110.                                         <img src="http://localhost/rwa/images/prop_th_2_2.jpg" alt="&nbsp;"/>
  111.                                     </a>
  112.                                 </li>
  113.                                                                 
  114.                             </ul>
  115.  
  116.                                                         <div class="imprimir"><a href="#">imprimir FICHA INMUEBLE</a></div>
  117.                         </div>
  118.                    </div>
  119.                    <div class="comentarios">
  120.                         <div class="tit">Comentarios (2)</div>
  121.                         <ul class="comm">
  122.                             <li>
  123.                                 <div class="com">Me parece una excelente casa, amplia y con mucha luz.</div>
  124.  
  125.                                 <div class="datos"><strong>Publicado por:</strong> Ricky | Marzo 26, 2010</div>
  126.                             </li>
  127.                             
  128.                         </ul>
  129.                        
  130.                    </div>
  131.                    <div class="formcon">
  132.                         <div class="tit2">dej&aacute; tu comentario</div>
  133.                         <div class="contform">
  134.                             <div class="form">
  135.  
  136.                                 <form action="" method="post">
  137.                                     <div class="opcion1"><input name="" class="text10" /></div><div class="nombre1">Nombre</div>
  138.                                     <div class="opcion1"><input name="" class="text10" /></div><div class="nombre1">e-mail</div>
  139.                                     <div class="opcion2"><textarea class="text11" name="" cols="" rows=""></textarea></div><div class="nombre2">comentario<div class="botoncom"><input name="" class="botoncom2" value="Publicar" type="submit" /></div></div>
  140.                                     
  141.                                 </form>
  142.                             </div>
  143.                             <div class="formmsj">
  144.  
  145.                             <strong>Importante:</strong> No se publicarán comentarios cuya temática no tenga nada que ver con el artÃ*culo que has leÃ*do, ni mensajes que sólo tengan como interés hacer publicidad, que contengan ataques o insultos de cualquier tipo, cuando la direccion de correo electronico sea falsa, que tengan como unico interes provocar problemas, o cuando se encuentren unicamente en mayusculas -no se permiten GRITOS aqui.
  146.                             </div>
  147.                         </div>
  148.                    </div>
  149.                     <div class="final">CONTACTE con nosotros cumplimentando y enviando el formulario en el apartado CONTACTO, o bien llamándonos al teléfono 915444944 ó al 605931212.</div>
  150.                </div>
  151.             </div>
  152.                     <div class="footer">&copy; copyright 2010 - RWA compras y consultor&iacute;a S. L.
  153.             </div>
  154.  
  155.         </div>
  156.     </div>
  157. </div>
  158. </body>
  159. </html>

y estoy intentando usar el javascripts colorbox para eso tengo esto en mi archivo funciones.js:
Código Javascript: 
Ver original
  1. $(document).ready(function(){
  2.     $("a[rel='galeria']").colorbox();
  3.     $( ".accordion" ).accordion( { header: 'h2' } );
  4.     $(".accordion").accordion({
  5.         autoHeight: false,
  6.         navigation: true
  7.     });
  8. });

pero cuando hago click en una foto para que me salga el lightbox en el firebug me sale esto:
Cita:
$.support is undefined
[Break on this error] isIE = !$.support.opacity,
jquery...rbox.js (línea 12)
$("a[rel='galeria']").colorbox is not a function
[Break on this error] $("a[rel='galeria']").colorbox();
funciones.js (línea 2)
y no entiendo porque si en otra pagina use el mismo codigo y anduvo todo muy bien.

salu2

Etiquetas: lightbox
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 18:47.