Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje01-10-2008, 19:33 (UTC)    
Título del mensaje: Galeria de imágenes

Este code ya lo habia visto por aki

pero este esta más perfeccionado espero que les sirva

es una galeria de imagenes que carga muy rapido las imagenes y no tiene que cambiar de pagina para ver la otra imagen
este el code:

Código:
<table height="466" cellpadding="0" border="0" width="555">
    <caption><strong>[color=red]Titulo de la galeria[/color]</strong></caption>
    <tbody>
        <tr>
            <td width="100%"><img height="333" width="544" alt="" src="plane1.gif" name="photoslider" /></td>
        </tr>
        <tr>
            <td width="100%">
            <form method="post" name="rotater">
                <div align="center"><center>
                <p><script language="JavaScript1.1">
var photos=new Array()
var which=0

photos[0]="[color=red]URL: imagen 1[/color]"
photos[1]="[color=red]URL: imagen 2[/color]"
photos[2]="[color=red]URL: imagen 3[/color]"
photos[3]="[color=red]URL: imagen 4[/color]"
photos[4]="[color=red]URL: imagen 5[/color]"


function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
else window.status='End of gallery'
}
</script><input type="button" value="&lt;&lt;Anterior" name="B2" onClick="backward()" /> <input type="button" value="Siguiente&gt;&gt;" name="B1" onClick="forward()" /><br />
                <a href="#" onClick="which=1;backward();return false"><small>[color=red]Aqui pone la frase que quieras o tu pagina![/color]<br />
                </small></a></p>
                </center></div>
            </form>
            </td>
        </tr>
    </tbody>
</table>


Esta todo bien explicado si tienen alguna duda me la preguntan!!!

Si quieren colocar más imágenes
ponen photos[nuemero que sigue]="url"
debajo de las otras......

*Ha los botones estan en español <anterior y siguientes>
*lo recomiendo al 100%
Mensaje01-10-2008, 20:00 (UTC)    
Título del mensaje:

Muy buen codigo
lo puse en pagina y funciona de lo más bien

gracias por ese aporte, nos vemos..

______________
No destruyas tus oidos con reggaeton, escucha Rock!
Mensaje01-10-2008, 21:09 (UTC)    
Título del mensaje:

Aunque a mi no me sirva, servira a otros (muchos) usuarios !

Buen aporte XD!
______________
Antes de Preguntar, siempre utiliza el Buscador del Foro
LaMejorMusicaOnline > Renace new Web:
Mensaje22-10-2008, 18:29 (UTC)    
Título del mensaje:

no me funcionaa no se donde poner las fotos o como ponerlas
las e puesto de todas estas formas

photos[0]="URL:"http://img.webme.com/pic/o/odama/2001.jpg""
photos[0]="http://img.webme.com/pic/o/odama/2001.jpg"
photos[11]="<img src="http://img.webme.com/pic/o/odama/2012.jpg" alt="" />"

no se si les funciona a ustedes

ayuda plisssss u.u

el tamaño de las fotos es 500x375
Mensaje22-10-2008, 18:36 (UTC)    
Título del mensaje:

odama escribió:
no me funcionaa no se donde poner las fotos o como ponerlas
las e puesto de todas estas formas

photos[0]="URL:"http://img.webme.com/pic/o/odama/2001.jpg""
photos[0]="http://img.webme.com/pic/o/odama/2001.jpg"
photos[11]="<img src="http://img.webme.com/pic/o/odama/2012.jpg" alt="" />"

no se si les funciona a ustedes

ayuda plisssss u.u

el tamaño de las fotos es 500x375




photos[0]="AQUI LA URL: NOMBRE"


O algo asi.. XD
______________
Antes de Preguntar, siempre utiliza el Buscador del Foro
LaMejorMusicaOnline > Renace new Web:
Mensaje22-10-2008, 18:56 (UTC)    
Título del mensaje:

Es asi mira

photos[0]="URL: imagen 1"

Lo editas

photos[0]="URL: http://www.pagina.es.tl/imagen.jpg"

solo tiene que cambiar la dirección que sale hay!!!!

saludos!
Mensaje22-10-2008, 22:38 (UTC)    
Título del mensaje: respuesta

hola

hotos[0]="http://www.pagina.es.tl/imagen.jpg"

chao
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group