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

 

 


Tema destacado: Usando Git para manipular el directorio de trabajo, el índice y commits (segunda parte)


+  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,039 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,185 Último mensaje 6 Abril 2011, 03:15 am
por monsefoster
Mostrar/Ocultar n DIV con javascript. [Solucionado]
Desarrollo Web
1mpuls0 4 8,289 Último mensaje 18 Abril 2012, 17:25 pm
por 1mpuls0
javascript/php - leer input, mostrar
Desarrollo Web
Neibar 3 3,788 Último mensaje 14 Mayo 2012, 06:57 am
por engel lex
Cambiar el aspecto de la barra vertical
Windows
SCM 1 2,159 Ú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,555 Último mensaje 2 Agosto 2020, 17:03 pm
por .:Xx4NG3LxX:.
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines