| Sección
"Java Scripts" |
|
Lección
96 |
Pasar
imágenes
Este
es un efecto que permite pasar imágenes pulsando
los botones, las que yo coloqué son solo para
apreciar el efecto, el cual es muy atractivo, lo puedes
tomar y pegar en tu sitio, y le colocas además
tus propias imégenes que sean bellas y atractivas.
Estas son mis mascotas
|
|
|
|
Para
lograr este efecto pegas este Script en cualquier sector de tu sitio, pero
siempre debajo de donde dice
<Body> en el HTML de tu página:
<div align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table border="0" cellpadding="0">
<caption><strong>Estas son mis fotos</strong></caption>
<tr>
<td width="100%">
<p align="center"><img src="1.gif" width="60"
height="60" name="photoslider"></p>
</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
/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]="1.gif"
photos[1]="2.gif"
photos[2]="3.gif"
photos[3]="4.gif"
photos[4]="5.gif"
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="<<Back" name="B2"
onClick="backward()"> <input type="button" value="Next>>" name="B1"
onClick="forward()"><br>
<a href="#" onClick="which=1;backward();return false"><small>Comenzar</small></a></p>
</center></div>
</form>
</td>
</tr>
</table>
|
Lo
que pinté con rojo corresponde a las imagenes que salen en la
pantalla realizando el efecto de fondo, las cambias a gusto.
Lo
que pinté con verde corresponde al alto y ancho
de las imágenes. Los modificas a gusto teniendo
en cuenta que width="60"
corresponde al ancho, y height="60"
es el alto.
Aquí copio nuevamente el código con
opción para seleccionarlo, cortar y pegar en tu
sitio.
Para
ello haces click en cualquier palabra que se halla
dentro de la caja, Te diriges a "Edición"
en el menú superior de la barra de herramientas, e
indicas "Seleccinar todo", luego tomas lo
seleccionado dirigiéndote nuevamente a "Edición",
pero esta vez indicas "Cortar", y
posteriormente te posicionas en tu página, donde
quieres colocar este código, entonces te diriges a
Edición, y le indicas "Pegar".
Si
deseas hacer las cosas más rápido, puedes verificar
en "Edición" (está escrito al lado de las
palabras que indican cada orden) que pulsando
"Control" + una letra determinada, puedes
"seleccionar todo", "cortar" o
"pegar" en forma instantánea y con eso
evitas tener que ingresar constantemente al menú de
"Edición".
Esto
es lo que debes pegar debajo de donde dice <Body>
en el HTML de tu página:
Si
de todos modos, no funciona este efecto, corta
el código HTML que debes colocar en tu página,
pero antes de hacerlo, pégalo en tu Block de
notas, y luego si córtalo de allí y pégalo en
tu sitio. Ahora si no creo que haya ningún
inconveniente que te impida disfrutar de este
bonito efecto.
Recordemos
que este Script también puede ser hallado en el
programa AAScripter v2, el cual puedes bajar de aquí:
http://www.cyberiapc.com
Buena
suerte.
|
