elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Únete al Grupo Steam elhacker.NET


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Cambiar aspecto de mostrar imagenes con javascript
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Cambiar aspecto de mostrar imagenes con javascript  (Leído 2,010 veces)
Crash_RPM

Desconectado Desconectado

Mensajes: 164


Ver Perfil
Cambiar aspecto de mostrar imagenes con javascript
« en: 3 Septiembre 2012, 16:04 pm »

Hola estoy haciendo un formulario para subir imagenes, y me gustaria que cuando se seleccionen las fotos las muestre (cosa que hace), el unico problema es que las muestra todas las imagenes seleccionadas juntas, me gustaria que hiciera aunque sea un espaciado para que se diferencien.

No domino mucho javascript, por lo que no entiendo mucho el codigo, ¿Donde tendria que poner el espaciado? y como

Código:
<script type="text/javascript">
<!--
num=0;
var files;
function crear(src,name,num) {
  fi = document.getElementById('fiel');
  contenedor = document.createElement('span');
  contenedor.id = 'div'+num;
  fi.appendChild(contenedor);
 
  var newImage = document.createElement("img");
  newImage.src = src;
  newImage.height = 75;
  contenedor.appendChild(newImage);
 
}


function handleFileSelect(evt) {
    document.getElementById('fiel').innerHTML="";
    var num=0;
    files = evt.target.files; // FileList object

    // Loop through the FileList and render image files as thumbnails.
    for (var i = 0, f; f = files[i]; i++) {
               
      // Only process image files.
      if (!f.type.match('image.*')) {
        continue;
      }

      var reader = new FileReader();
      // Closure to capture the file information.
     
      reader.onload = (function(theFile){
          return function(e){
              crear(e.target.result,theFile.name,num);
              num++;
              };
        })(f);

      // Read in the image file as a data URL.
      reader.readAsDataURL(f);
    }
  }

-->
function loading(){
    document.getElementById('files').addEventListener('change', handleFileSelect, false);
}
</script>


En línea

Crash_RPM

Desconectado Desconectado

Mensajes: 164


Ver Perfil
Re: Cambiar aspecto de mostrar imagenes con javascript
« Respuesta #1 en: 4 Septiembre 2012, 01:18 am »

Lo he solucionado añadiendo esta linea

newImage.style.paddingRight = '10px';


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Cambiar aspecto de JTable
Java
monsefoster 0 4,173 Último mensaje 6 Abril 2011, 03:15 am
por monsefoster
Mostrar/Ocultar n DIV con javascript. [Solucionado]
Desarrollo Web
1mpuls0 4 8,241 Último mensaje 18 Abril 2012, 17:25 pm
por 1mpuls0
javascript/php - leer input, mostrar
Desarrollo Web
Neibar 3 3,745 Último mensaje 14 Mayo 2012, 06:57 am
por engel lex
Cambiar el aspecto de la barra vertical
Windows
SCM 1 2,127 Último mensaje 19 Febrero 2013, 06:56 am
por OmarHack
[javascript] ¿Cómo puedo mostrar en pantalla determinada cantidad de imágenes?
Desarrollo Web
.:Xx4NG3LxX:. 2 4,380 Último mensaje 2 Agosto 2020, 17:03 pm
por .:Xx4NG3LxX:.
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines