ALTERACIÓN OBLIGATORIA del Slideshow InfanView®  CREADO

1.- Abrir la carpeta que tiene las imágenes y el documento HTML que genera el slideshow (“Thumbnails” )

 

2.- Para cualquier alteración debemos de entrar en el código HTML del slideshow. Para esto debemos abrir el archivo “Thumbnails” con el navegador Internet Explorer y una vez abierto vamos al menú superior y seleccionamos la opción “ Ver >Ver código fonte”

 

Aparecerá un texto “muy confuso”... (no asustar J ) que es el código HTML del documento.

 

Debemos substituir o añadir el código ANTIGUO por el NUEVO CÓDIGO (4 PASOS)

1.- CAMBIAR LOS TÍTULOS SUPERIORES DEL SLIDESHOW

-Cambiar el código marcado con azul  de la derecha por el código azul de la izquierda (el código está debajo para que se pueda copiar. En nuestro ejemplo se substituye el título “IrfanView HTML- Thumbnails”, por este otro “EXPLORACIÓN GENERAL EXTERNA”

 

CÓDIGO A ELIMINAR

CÓDIGO A COLOCAR

 

<h4><span style='font-size:14pt;

font-family:Verdana;color:black'>EXPLORACIÓN GENERAL EXTERNA</h4>

 

RESUMEN FINAL (PARA VER PASO A PASO ENTENDIENDO CADA PARTE VER EL NÚMERO DOS)

Apagar todo lo que hay debajo del tag <TABLE> (en la imagen de la izquierda marcado con color azul) y pegar el siguiente código (marcado con azul en la imagen de la derecha):

 

 

<TABLE>

<TR>

<TD ALIGN=CENTER VALIGN=BOTTOM>

<IMG SRC="01 Vista general del cadaver (A).JPG" NAME='SlideShow'>

<small><div id="ImageText" style="font-size:13pt;font-family:Verdana;color:black">&nbsp;</div><br></small>

</TD>

</TR>

</TABLE>

<html>

<head>

<title> CÓDIGO PARA PONER LOS BOTONES DE AYUDA Y COMENTARIOS </title>

<script language="Javascript" type="text/javascript">

function popUp(URL) {

day = new Date();

id = day.getTime();

eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=600,left = 150,top = 0');");

}</script>

</head>

<body>

<INPUT TYPE=BUTTON VALUE="Ayuda" onClick="popUp('Ayuda.htm');">

<INPUT TYPE=BUTTON VALUE="Comentarios" onClick="popUp('Comentarios.htm');">

</body>

</html>

 

<h4><small><small><A HREF="http://www.irfanview.com" style="font-size:6pt;font-family:Verdana;color:white">Created by IrfanView</A></small></small></h4></center></body><style type="text/css">A:link {text-decoration: none}A:visited {text-decoration: color:purple;}A:active {text-decoration: color:black;}A:hover {text-decoration: underline; color: blue;}</style></html>

 

PASO A PASO

2.- CAMBIAR EL TAMAÑO Y EL COLOR DEL NOMBRE INFERIOR DE LA IMAGEN DEL SLIDESHOW

-Cambiar el código marcado con azul  de la derecha por el código azul de la izquierda (el código está debajo para que se pueda copiar.

CÓDIGO A ELIMINAR

CÓDIGO A COLOCAR

 

 

<TR>

<TD ALIGN=CENTER VALIGN=BOTTOM>

<IMG SRC="Boca (mucosa bucal) 1.JPG" NAME='SlideShow'>

<small><br>

<div id="ImageText" style="font-size:14pt;

font-family:Verdana;color:white">&nbsp;</div>

<br></small>

</TD>

</TR>

 

3.- Cambiar el aspecto y el tamaño de los créditos finales.

 Substituir el texto por este otro.

 

CÓDIGO A ELIMINAR

CÓDIGO A COLOCAR

 

</TABLE>

<h4><small><small><A HREF="http://www.irfanview.com" style="font-size:6pt;

font-family:Verdana;color:white">Created by IrfanView</A></small></small></h4>

</center>

</body>

 

<style type="text/css">

A:link {text-decoration: none}

A:visited {text-decoration: color:purple;}

A:active {text-decoration: color:black;}

A:hover {text-decoration: underline; color: blue;}

</style>

</html>

 

4.- Quite las lineas horizontales. Elimine los códigos que están en azul en las imágenes a segui (son dos <hr>)

 

 

5.- Por útlimo introduzca los botones al final de “AYUDA” y de “COMENTARIOS”.

Para ello debe copiar el código a seguir que está en amarillo y pegarlo en el HTML del documento slidshow entre el código </TABLE> y el código <h4><small> que está casi al final del documento.

 

 

<html>

<head>

<title>CÓDIGO PARA PONER LOS BOTONES AYUDA Y COMENTARIOS</title>

<script language="Javascript" type="text/javascript">

function popUp(URL) {

day = new Date();

id = day.getTime();

eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=600,left = 150,top = 0');");

}</script>

</head>

<body>

<INPUT TYPE=BUTTON VALUE="Ayuda" onClick="popUp('Ayuda.htm');">

<INPUT TYPE=BUTTON VALUE="Comentarios" onClick="popUp('Comentarios.htm');">

</body>

</html>