• Mensajes Argumentos
  • Recordar usuario
Entra a el MURO

No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo Mensaje [Página 1 de 1.]

#1 ayuda con un código de imágenes el Lun Nov 08, 2010 5:43 am
hola como estan espero que muy bien bueno pues queria pedirles una ayudita con este codigo lo trate de modificar pero sin exito lo que kiero hacer es que se pacen tal y como se muestra solo que kiero que salga es algo paresido a esto que muestro en esta pagina: http://www.galeriaflash.com/muestra-h20.htm solo que en esa pagina cada ves que se refresca se cambia de imagen yo no kiero eso kiero que se valla canbiando como lo hace este codigo y con la imagen dea avajo una imagen fija que yo ponga y sin que salgan los numeros de cada imagen que valla pasando este es un ejemplo de lo que hace el codigo que pongo a continuacion: http://www.galeriaflash.com/muestra-dos-h21.htm de antemano mil gracias

Spoiler:
Código:
<style type="text/css">
.picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px}
.picshow_main { position: relative; width: 180px; height: 100px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 468px; height: 68px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 50px;}
.picshow_change img {width:15px; height: 15px}
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px;  -display: inline}
a.axx { border-color: #555}
a.axx:hover {border-color: #000}
a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx { border-color: #000}
a.bxx:hover {border-color: #000}
img{
border:0px}
</style>
<script language=javascript>
 var counts = 5;
 img1 = new Image();
 img1.src = 'http://i20.servimg.com/u/f20/14/20/25/50/saberb11.gif';
 img2 = new Image();
 img2.src = 'http://i20.servimg.com/u/f20/14/20/25/50/sadowi10.gif';
 img3 = new Image();
 img3.src = 'http://i20.servimg.com/u/f20/14/20/25/50/angeli10.gif';
 img4 = new Image();
 img4.src = 'http://i20.servimg.com/u/f20/14/20/25/50/savert10.gif';
 img5 = new Image();
 img5.src = 'http://i20.servimg.com/u/f20/14/20/25/50/saberb12.gif';
 
var smallImg = new Array();
smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
smallImg[3] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_10.gif';
smallImg[4] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_11.gif';
 
url1 = 'http://galeriaflash.superforo.net/afiliacion-con-galeria-flash-f42/afiliacion-normal-t10.htm';
url2 = 'http://galeriaflash.superforo.net/afiliacion-con-galeria-flash-f42/';
url3 = 'http://galeriaflash.superforo.net/afiliacion-con-galeria-flash-f42/afiliacion-exclusiva-t11.htm';
url4 = 'http://galeriaflash.superforo.net/afiliacion-con-galeria-flash-f42/';
url5 = 'http://galeriaflash.superforo.net/afiliacion-con-galeria-flash-f42/afiliacion-exclusiva-t11.htm';

alt1 = new Image();
alt1.alt = 'Afiliacion normal';
alt2 = new Image();
alt2.alt = 'Afiliacion expluciva';
alt3 = new Image();
alt3.alt = 'Afiliacion normal';
alt4 = new Image();
alt4.alt = 'Afiliacion expluciva';
alt5 = new Image();
alt5.alt = 'Afiliacion normal';
var nn = 1;
var key = 0;
function change_img() {
  if (key == 0) {
  key = 1;
  } else if (document.all) {
  document.getElementById("pic").filters[0].Apply();
  document.getElementById("pic").filters[0].Play(duration = 2);
  }
  eval('document.getElementById("pic").src=img' + nn + '.src');
  eval('document.getElementById("url_theme").href=url' + nn);
  eval('document.getElementById("pic").alt=alt' + nn + '.alt');
  if (nn == 1) {
  document.getElementById("url_theme").target = "_blank";
  document.getElementById("url_theme").style.cursor = "pointer";
  } else {
  document.getElementById("url_theme").target = "_blank"
  document.getElementById("url_theme").style.cursor = "pointer"
  }
 
  for ( var i = 1; i <= counts; i++) {
  document.getElementById("xxjdjj" + i).className = 'axx';
  }
  document.getElementById("xxjdjj" + nn).className = 'bxx';
  nn++;
  if (nn > counts) {
  nn = 1;
  }
  tt = setTimeout('change_img()', 7000);
 }
 function changeimg(n) {
  nn = n;
  window.clearInterval(tt);
  change_img();
 }
 function ImageShow() {
  document.write('<div class="picshow_main">');
  document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
  document.write('<div class="picshow_change">');
  for ( var i = 0; i < counts; i++) {
  document.write('<a href="javascript:changeimg(' + (i + 1)
    + ');" id="xxjdjj' + (i + 1)
    + '" class="axx" target="_self"><img src="' + smallImg[i]
    + '"></a>');
  }
  document.write('</div></div>');
  change_img();
 }
</script>
<script language="javascript" type="text/javascript">
 ImageShow();
</script>

#2 Re: ayuda con un código de imágenes el Dom Nov 14, 2010 1:02 am
alguien que me ayude por favor

Ver el tema anterior Ver el tema siguiente Volver arriba Mensaje [Página 1 de 1.]

Comparte este tema!

Url directa
BBcode
HTML

Ads

Permiso de este foro: No puedes responder a temas en este foro.

 

Promocionatupagina© Todos los derechos reservados.