Hola, estoy haciendo un portafolio fotográfico bastante simple, un menú con algo de javascript (mootools), un header, y abajo un footer con contacto y arriba un div con un listado (la galería)
he probado con varios lightboxes y si no es por que no lo se aplicar, tengo problemas entre scripts o simplemente no pasa nada.
Estos son mis scripts.
Tengo una página con la aplicación del script lightbox funcionando perfectamente bien
y mi archivo al que solo cambie nombres y puse estilos no jala
Código HTML:
Ver original<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />
<script type="text/javascript" src="lightbox/js/jquery.js"></script> <script type="text/javascript" src="lightbox/js/jquery.lightbox-0.5.js"></script> <script type="text/javascript" src="lightbox/js/jquery.lightbox-0.5.pack.js"></script> <link rel="stylesheet" type="text/css" href="lightbox/css/jquery.lightbox-0.5.css" media="screen" />
<script language="javascript" type="text/javascript" src="mootools/mootools-1.2-core.js"></script> <script language="javascript" type="text/javascript" src="mootools/mootools-1.2-more.js"></script> <script type="text/javascript" src="javascript.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
Este es mi archivo javascript
Código Javascript
:
Ver original$(function() {
$('#galeria_lista a').lightBox();
});
Este mi listado al que le quiero aplicar las propiedades....
Código HTML:
Ver original
<li><a href="imagen/apple_orange_01.jpg" title=""><img src="imagen/chiquito/thumbnails-01.png" width="20" height="20" alt="apple_orange_01"/></a></li> <li><a href="imagen/apple_orange_02.jpg" title=""><img src="imagen/chiquito/thumbnails-02.png" width="20" height="20" alt="apple_orange_02"/></a></li>
y por ultimo los estilos
Código CSS:
Ver original#galeria_lista {
width:100%;
height:40px;
position:fixed;
bottom:30px;
background-color:#F30;
}
#galeria_links li {
list-style:none;
float:left;
margin:5px;
}
espero puedan ayudarme estoy frustrado ya jajaja me volveré loco