ALMERICAN
ALMERICAN

en construccion

en construccion

<style type="text/css">

<!-- body { visibility:hidden;

 background-color:#FFFFFF;

 background-image:url(https://img.webme.com/pic/a/almerican/enconstruccion.png);

 background-repeat: no-repeat;

 background-position: top; }//--></style>

Ampliar imagen

Bueno este codigo consiste en que al aplicarlo en nuestras webs, se ampliara la imagen al tamaño que se desee con un solo clic y sin salir de la pagina.
Agreguen este codigo en el box ke dice TEXTO POR DEBAJO DE LA PAGINA

Código:

<script type='text/javascript'>
var nW,nH,oH,oW;
function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge)){
nW=iWideSmall;nH=iHighSmall;
}else{
nW=iWideLarge;nH=iHighLarge;
}
whichImage.style.width=nW;whichImage.style.height=nH;
}
</script>



Luego donde quieran mostrar la imagen, agreguen este otro code:

Código:

<img src="URL_imagen" width="ancho1" height="alto1"
onclick="zoomToggle('ancho1px','alto1px','ancho2px','alto2px',this);" />



Donde ancho1 y alto1 son el tamaño de la imagen inicial, la que vemos en la página y ancho2 y alto2 son el tamaño de la imagen ampliada, la que veremos al hacer click en la imagen.
La función puede usarse en cualquier imagen y en varias en la misma página.

 

otra forma es la de pasar el raton por una imagen, y esta se agranda. ademas con posibilidad de darle enlace.
solo poner este codigo donde querais.

Código:

<a href="LINK"><img src="IMAGEN NORMAL PEQUEÑA" id="imagen" onmouseover="this.src='2º IMAGEN GRANDE' "onmouseout="this.src='IMAGEN NORMAL PEQUEÑA'" border="0"/></a>


SOLO UNA PEGA, debeis tener dos imagenes, una pequeña y otra la grande

Ampliar wep pagina completa

  <style type="text/css">

<!--table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>

 Fotos central deben ser 641 px

 

LINKS INTERNO SOLO TEXTO

NUEVA PAGINA

 

<a href="aqui el link" target="_blank">aqui el texto</a>

 

LINKS INTERNO CON IMAGEN

 NUAVA PAGINA

 

<a href="aqui el link" target="_blank"><img src="url de imagen" border="0" alt="PINCHA EN LA IMAGEN" /></a>

 

-----------------------------------------------------------------------------------------------------

 

LINKS INTERNO SOLO TEXTO

DIRECTO

 

<a href=" aqui el link " target=""> aqui el texto </a>

 

LINKS INTERNO CON IMAGEN

DIRECTO

 

<a href="aqui el link" target=""><img src="url de imagen" border="0" alt="PINCHA EN LA IMAGEN" /></a>

 



 

 


Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis