Includes php y JQuery
Buenas!
Mi problema deriva de que empecé a hacer una web con plantilla de Dreamweaver y ahora quiero cambiar dicha plantilla a unos includes de PHP. Es decir, quiero un include para la cabecera y otra para el pie de página.
Lo que pasa es que en esa cabecera, van el menú y debajo de ese menú, un plugin de JQuery donde se muestran unas imágenes, y no se muy bien desde donde tengo que pillar el include, si desde la capa "cabecera" en la que simplemente están los divs de la botonera y la llamada a JQuery o desde el inicio de la página hasta el final de dicha cabecera...
Pongo el código de la plantilla en cuestión (de la cabecera), si encontráis otros errores o algo, agradecería que me lo dijérais, estoy empezando y es posible que sea un popurrí de historias... La página en cuestión es esta: Dyno Adventure
Muchas gracias!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="google-site-verification" content="W2hq-RPuAcBUbJfCOgfccT9-3VlOaRbzVzx5CngAd5A" />
<meta name="author" content="www.con2colores.es"/>
<meta name="description" content="Dyno Adventure es un club deportivo en el que se trata de dar a conocer el deporte de montaña desde un ambiente sano y el respeto al medio natural mediante cursos, salidas puntuales, entrenamiento personal, entre otros."/>
<meta name="keywords" content="dyno adventure, curso de escalada, rocódromo, actividades de montaña, equipación, entrenamiento, Madrid, rocódromo Madrid, curso escalada Madrid, boúlder, escalada deportiva, barranquismo, espeleología, progresión vertical, asistencia vertical, maniobras de rápel, montaje de cabeceras, montaje de tirolinas, materiales de escalada"/>
<link rel="icon" href="../favicon.gif" type="image/gif" >
<!-- TemplateBeginEditable name="doctitle" -->
<title>Dyno Adventure, Club Deportivo de Montaña</title>
<!-- TemplateEndEditable -->
<link href="../estilos.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../nivo-slider.css" type="text/css" media="screen" />
<!-- llamo a las librerias-->
<script src="../jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../jquery-1.4.4.min.js"></script>
<script src="../slide.js" type="text/javascript"></script>
<!-- configuro mi animacion (cabecera)-->
<script>jQuery(document).ready(function(){
jQuery('#slide').simpleSlide();
});
</script>
<script src="../jquery.nivo.slider.js" type="text/javascript"></script>
<!-- configuro mi animacion (cabecera)-->
<script type="text/javascript">
$(window).load(function() {
$('#slider2').nivoSlider({
effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
slices:15,
animSpeed:1000, //Slide transition speed
pauseTime:4000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:false, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.png', //Replace this with...
controlNavThumbsReplace: '_thumbs.png', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){}, //Triggers after all slides have been shown
lastSlide: function(){}, //Triggers when last slide is shown
afterLoad: function(){} //Triggers when slider has loaded
});
});
</script>
<script src="calendario.js" type="text/javascript"></script>
</head>
<body>
<div id="contenedor">
<div id="cabecera">
<div id="slide">
<img src="../img/slide_1.jpg" />
<img src="../img/slide_2.jpg" />
<img src="../img/slide_3.jpg" />
<img src="../img/slide_4.jpg" />
<img src="../img/slide_5.jpg" />
</div><!--Close "Slider"-->
<div id="logotipo"><a href="www.dynoadventure.com" target="_self"><img src="../imagenes/logo.png" width="368" height="96" alt="dyno adventure" /></a></div>
<div id="botonera">
<ul>
<li><a href="../index.html">Home</a></li>
<li><a href="../club.html">El Club</a></li>
<li><a href="../#">Actividades</a></li>
<li><a href="../calendario.html">Calendario</a></li>
<li><a href="http://www.dynoadventure.com/forum" target="_blank">Foro</a></li>
<li><a href="../contacta.html" target="_self">Contacta</a></li>
</ul>
</div>
</div><!--Close "cabecera"-->
francyzko
leojp pretendo hacer lo mismo que tú, solamente que en mi cabecera quiero que siempre aparezca el slide de imagenes en jquery, hasta ahora tengo dividido mi plantilla asi: cabecera.php, footer.php y los contenidos.php (aqui varia la info) en donde mando llamar siempre a cabecera y footer con includes en PHP. Para mayor comodidad tengo separadas mis carpetas en raiz esta css, imagenes, jscripts y naturalmente el index.php, en otra carpeta es decir un nivel arriva de index.php tengo mas archivos.php en donde mando llamar de igual forma con includes a cabececra.php y footer.php.. y eh aqui cuando me da el meollo del asunto, los estilos css es capaz de visualizarnos bien, solo que no se por que el slide no me lo muestra..
Como dato tengo parametrizado la ruta mediante una variable en php $raiz, en donde en cada archivo lo declaro segun el nivel que este... Si te has topado con este problema te agradeceria alguna ayuda.
Saludos! (y)
Usuario desconocido
NivoSlider a mi personalmente me funciona a la perfección en IE7, en IE6 no he testeado.
leojp
Segú lo que entiendo el código que ponés acá es el de "cabecera.html". Bueno si es así te cuento lo que haría yo, borro todo lo que está antes y después del div cabecera, incluido el head, y lo guardo al archivo.
Luego en los archivos donde deseo incluir la cabecera (calculo que será en la gran mayoría de páginas) coloco en el head los scripts para el slider y luego en el body incluyo con php a cabecera.html en la posición que debe ir.
Ahora pregunto yo: Veo que en este sitio has colocado el plugin "nivoslider" ¿Te funciona bien con internet explorer 7 y 6?
Saludos y buen comienzo de año