Cita:
Iniciado por emprear En principio así debería ser, pero tendrias que ¡r probando para ver si funciona. A veces según como cargue el js, podria provocarte algun conflicto.
Otra posibilidad, aunque no se si tienes conocimientos de php, es crear una especie de plantilla que tenga tu header junto al menu, un pie, y que el contenido que varia se cargue a través de un include(quees una función fácil de implementar). Pero no olvides el tema de esa imagen de fondo, que insisto, a mi parecer es muy pesada
Otro detalle, que las scripts esten todas en tu server, no sé si ajax te permitirá cargar urls de otros servidor, lo digo por eso de
'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'
cuando ya tienes por otra parte
<script type="text/javascript" src="jquery.js"></script>
y siempre utiliza rutas relativas a la raiz del sitio para prevenir errores
Si tu web (y tomo como ejemplo la demo actual) es
[url]http://rzkgraphics.webcindario.com[/url]
y tus imagenes estan en
[url]http://rzkgraphics.webcindario.com/images[/url]
utiliza src="/images/...."
si las scripts o html estan en una carpeta de url
[url]http://rzkgraphics.webcindario.com/website/[/url]
utiliza
/website/jquery.js
ó
/website/contacto.html
Saludos
De nuevo muchas gracias por las recomendaciones.
Bueno mi galería normalmente la armo así :
Código:
<style>
.content{
color:#006d99;
width:700px;
font-family: Tahoma;
font-size: 14px;
height: 400px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 7px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
a {color:#fff;}
#galleria{height:415px; width:739px;}
</style>
<script src="jquery.min.js"></script>
<script src="galleria.js"></script>
<div class="content">
<h1>Galeria de Fotos</h1>
<div id="galleria">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Sea-otter-morro-bay_13.jpg/800px-Sea-otter-morro-bay_13.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/70/Kuznetsk_Alatau_3.jpg/500px-Kuznetsk_Alatau_3.jpg">
<img alt="Strawberries, yum yum! Shiny red" src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Basket_of_strawberries_red_accent.jpg/500px-Basket_of_strawberries_red_accent.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/2/2d/Ns1-unsharp.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/500px-Laser_effects.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/PizBernina3.jpg/500px-PizBernina3.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/47/La_Galera_2.jpg/500px-La_Galera_2.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/92/Costa_rica_santa_elena_skywalk.jpg/500px-Costa_rica_santa_elena_skywalk.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Smoky_forest.jpg/500px-Smoky_forest.jpg">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Alcea_rosea_and_blue_sky.jpg/500px-Alcea_rosea_and_blue_sky.jpg">
</div>
</div>
<script>
Galleria.loadTheme('galleria.classic.js');
$('#galleria').galleria();
</script>
Todo eso dentro de una misma carpeta aparte de un "galleria.classic.css" que galleria.classic.js llama.
Ahora para lo que quiero he hecho lo siguiente :
<a href="javascript
:ajaxpage('/website/fotos.html', 'maincont'); loadobjs('/website/sgallery.js', '/website/galleria.js','/website/jquery.min.js', '/website/galleria.classic.js', '/website/galleria.classic.css');">Fotos</a>
Donde sgallery.js es :
<script>
Galleria.loadTheme('galleria.classic.js');
$('#galleria').galleria();
</script>
Y jquery.min.js lo guardé dentro de la misma carpeta para que funcione y no me de problemas el ajaxpage.
Espero me puedas ayudar =/