Carlos Roldán :: Sitio Oficial

Galerias

GALERÍAS

GALERÍA 1

Anterior

Siguiente

GALERÍA 2

ESTE ESTILO DE GALERÍA ES MUY LLAMATIVO, FACIL DE USAR Y EDITAR.
AL DARLE CLICK A LA IMAGEN, ESTA SE AGRANDA Y QUEDA UN FONDO GRIS TRANSPARENTE QUE LE DA MUCHO ESTILO A LA PÁGINA.

<script type="text/javascript" src="http://cssplantillas.co.cc/up/files/a_ligthbox.js"></script> <style type="text/css"> #lightbox{background-color:#eee;padding: 10px;font-family:verdana; border-bottom: 2px solid #666;border-right: 2px solid #666;} #lightboxDetails{font-size:0.8em;padding-top:0.4em;}	 #lightboxCaption{float:left;} #keyboardMsg{float:right;} #closeButton{top:5px;right:5px;} #lightbox img{border:none;clear: both;}  #overlay img{border:none;} #overlay{background-image: url(http://cssplantillas.netau.net/ap/archivos/542e10db84.png); } * html #overlay{background-color: #333;background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");} </style>  <a href="URL DE LA IMAGEN GRANDE" _fcksavedurl="URL DE LA IMAGEN GRANDE" rel="lightbox" title="COMENTARIO DE LA IMAGEN"> <img src="URL DE LA IMAGEN PEQUEÑA" _fcksavedurl="URL DE LA IMAGEN PEQUEÑA" /></a>

GALERÍA 3

ESTA TERCERA GALERÍA, SIRVE PARA MOSTRAR IMÁGENES Y HASTA PUEDES CREAR UN ALBUM.

<style type="text/css"> #simplegallery1{position: relative;visibility: hidden;border: 4px solid #383838;} #simplegallery1 .gallerydesctext{text-align: center;padding: 2px 5px;font:12px verdana;} </style> <script type="text/javascript" src="http://cssplantillas.netau.net/ap/files/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://cssplantillas.netau.net/ap/files/simplegallery.js">
</script> <script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "simplegallery1",
dimensions: [500, 375],
imagearray: [
["URL DE TU IMAGEN", "LINK'S DE LA IMAGEN", "", "COMENTARIO DE LA IMAGEN"],
["URL DE TU IMAGEN", "LINK'S DE LA IMAGEN", "", "COMENTARIO DE LA IMAGEN"],
["URL DE TU IMAGEN", "LINK'S DE LA IMAGEN", "", "COMENTARIO DE LA IMAGEN"]
],
autoplay: [true, 2500, 2], 
persist: false,
fadeduration: 500, 
oninit:function(){ 
},
onslide:function(curslide, i){
}
})
</script> <div id="simplegallery1"></div>