:: CP - Recursos Web ::

Bio galeria

Bio galeria es simple galeria que utiliza html y javascript para su uso, es muy facil de modificar y muy llamativa.
y puedes agregar todas las imágenes que quieras.

[ Ejemplo ]

Codigo:

<img width="315" height="210" name="photoslider" src="URL IMAGEN 1"/>
<form name="rotater" method="post">
<script language="JavaScript1.1">
var photos=new Array()
var text=new Array()
var which=0
var what=0
photos[0]="URL IMAGEN 1"
photos[1]="URL IMAGEN 2"
photos[2]="URL IMAGEN 3"
photos[3]="URL IMAGEN 4"

text[0]="imagen 01"
text[1]="imagen 02"
text[2]="imagen 03"
text[3]="imagen 04"
window.onload=new Function("document.rotater.description.value=text[0]")
function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which];
what--
document.rotater.description.value=text[what];}}
// www.cssplantilas.es.tl 
function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
what++
document.rotater.description.value=text[what];}
else window.status='End of gallery'}
function type()
{alert("This textbox will only display default comments")}
</script>
<b>Nombre:</b> <input type="text" value="" size="37" name="description" /><br>
<input type="button" onClick="backward()" name="B2" value=" Anterior " /> 
<input type="button" onclick="forward()" name="B1" value=" Siguiente " /><br>
<a onClick="which=1;what=1;backward();return false" href="#"> Volver a la primera</a>
</form>

Modificaciones:
Para modificar el tamaño de la galeria edita esto:
width="315" height="210"
width: ancho | height: alto | Las medidas son tomadas en pixeles.
Para agregar una imagen solo pon la donde dice: photos[0]="URL DE LA IMAGEN Nº"
* Cualquier consulta la puedes ahacer en nuestro foro de soporte

Añadir comentario acerca de esta página:

Ya lo han visto 39 visitantesGracias por tu visita!

Recomendamos:

| CERRAR

Buscador

Lo más reciente:

Color predeterninado navegador
Ahora puedes darle al navegador un color predeterminado para abrir tu sitio web, asi adaptarlo al diseño de tu sitio web.
Cat. Generadores | Ver recurso »
Fondo estilo muralla de ladrillo con css
Este es un efecto solamente con CSS, el cual dara un efecto de muralla de ladrillos al fondo de tu web, puedes modificar los colores a tu estilo.
Cat. Formas Css | Ver recurso ?
Fondo Confeti Css
Este es un código que hará el efecto de confeti cayendo en tu web, ideal para año nuevo o para alguna celebración. Es muy fácil de implementar.
Cat. Formas Css | Ver recurso »
CSS Slide
Dejamos a tu disposición este slide que esta hecho solo con CSS, es muy simple pero efectivo a la hora de exhibir imágenes, soporta hasta cuatro imágenes. Este recurso se adapta a pantallas de mobiles y tablets.
Cat. Formas Css | Ver recurso »
Panel desplegable Jquery
Este recurso es muy útil para tu sitio, te permitirá colocar más contenido a tu sitio y poder ocultarlo y solo ver cuando el usuario lo decida, es muy fácil de implementar.
Cat. JQuery | Ver recurso »
LLuvia de estrellas en tu web
Si buscas darle un efecto a tu pagina como estar viajando en el espacio, este se vera genial! es muy simple de instalar y se ve de maravilla.
Cat. Javascript | Ver recurso »
BUSCADOR INTERNO CP
Este menú es muy sencillo de instalar, pero primero lo debes configurar con tus direcciones, solo debes colocar cada una de las palabras que deseas que tus usuarios busque mas la URL. Es buscador genial y de muy buen diseño.
Cat. Juegos Js | Ver recurso »
Barra de progreso
Barra de progreso es un recurso que a medida que vas bajando la pagina una barra ubicada en el pie se va completando, es muy sencilla su instalación y muy útil.
Cat. JQuery | Ver recurso »
Scroll lineal
Scroll lineal te permite mostrar los titulares de tus noticias de una forma muy dinámica y sencilla. Es muy fácil de configurar y muy útil!
Cat. Javascript | Ver recurso »
Z Slide
Z Slide, es un simple modo de presentar tus imágenes o tus titulares, es muy fácil de implementar y te ahorra espacio y le dará interactividad a tu sitio.
Cat. JS Avanzados | Ver recurso ?