Ver Mensaje Individual
  #9 (permalink)  
Antiguo 09/02/2011, 19:24
Avatar de cuervo699
cuervo699
 
Fecha de Ingreso: febrero-2011
Mensajes: 104
Antigüedad: 13 años, 10 meses
Puntos: 7
Exclamación Respuesta: Problema al enlazar Jquery

Cita:
Iniciado por SergeMedina Ver Mensaje
Hola que tal.

Yo te recomendaria que en vez de "hostear" jquery en tu server utilices un CDN (Content Delivery Network). Existen varias [URL="http://docs.jquery.com/Downloading_jQuery"]alternativas[/URL], yo en lo personal utilizo [URL="http://code.google.com/intl/es-419/apis/libraries/devguide.html#jquery"]google[/URL].

Ahora lo de en donde poner la etiqueta script: Si es en el head, solo incluye los scripts criticos pero ponlos despues de los estilos. Esto asegurará que las css se descargen primero. Si los scripts tardan mucho en cargar y ejecutarse es posible que el navegador se "pasme", es por eso que los scripts que no necesitas al instante la pagina pueden ir al final del body.

Saludos.
No me funciona, resulta que estoy tratando de instalar un efecto de jQuery con lightbox, lo que aparece en esta web http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

pero no me funciona, puse el siguiente codigo:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>{page-title}</title>
<link href='http://fonts.googleapis.com/css?family=Cuprum&subset=latin' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie&subset=latin' rel='stylesheet' type='text/css'>

<script charset='utf-8' src='http://prueba15.bligoo.cl/media/users/10/505383/files/47326/jquery-1.4.4.min.js' type='text/javascript'/>

<link charset='utf-8' href='http://prueba15.bligoo.cl/media/users/10/505383/files/47326/prettyPhoto.css' media='screen' rel='stylesheet' type='text/css'/>

<script charset='utf-8' src='http://prueba15.bligoo.cl/media/users/10/505383/files/47326/jquery.prettyPhoto.js' type='text/javascript'/>


Estos son los scripts para que funcione el efecto

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>

Este es el codigo para activar jQuery con google

</head>

<body id="main-body" class="{body-class}">
<script charset='utf-8' type='text/javascript'>
$(document).ready(function(){
$(&quot;a[rel^='prettyPhoto']&quot;).prettyPhoto();
});
</script>


y este es el codigo jQuery para que tome el efecto


<!-- Comienza el header del sitio -->
{header}
<!-- Termina el header del sitio -->




<!-- Comienza el contenedor de todo el sitio -->
<div id="main-wrapper">
<div id="main-wrapper-content">

<div id="central-container" class="clearfix">
<!-- Comienza el contenido -->
<div id="center-wrapper">
<div id="center" class="clearfix">
{main-content} <!-- Esta llave llama al contenido de cada página de tu sitio, si la borras estos no apareceran -->
</div>
</div>
<!-- Termina el contenido del sitio -->


<!-- Comienzan las columnas -->
<div id="sidebar-wrapper">



<div id="blidget-container-wrapper-2">
<div id="blidget-container-2" class="clearfix">
{container-1}
</div>
</div>

<div id="blidget-container-wrapper-3">
<div id="blidget-container-3" class="clearfix">
{container-2}
</div>
</div>

<div class="clear"></div>

<div id="blidget-container-wrapper-1">
<div id="blidget-container-1" class="clearfix">
{container-0}
</div>
</div>

<div class="clear"></div>

<div id="blidget-container-wrapper-4">
<div id="blidget-container-4" class="clearfix">
{container-3}
</div>
</div>

<div id="blidget-container-wrapper-5">
<div id="blidget-container-5" class="clearfix">
{container-4}
</div>
</div>


</div>

<!-- Terminan la columnas -->



</div>

<!-- Comienza el footer del sitio -->
{footer}
<!-- Termina el footer del sitio -->



</div>
</div>
<!-- Comienza el contenedor de todo el sitio -->

</body>
</html>

Estoy poniendo algun codigo mal, ayudenme porfavor!!! necesito poner ese codigo en mi web

Los codigo los saque de esta web http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/

Gracias ;)