Las imágenes de gran tamaño

  • SpooF
  • ٩๏̯͡๏۶
  • Bronze Member
  • Avatar de Usuario
  • Registrado: May 22, 2004
  • Mensajes: 3415
  • Loc: Richland, WA
  • Status: Offline

Nota Septiembre 3rd, 2006, 1:22 am

http://files.nytrovil.com/gif/ozzu_sh_2.gif

Esto podría probablemente ser resuelto por una rápida secuencia de comandos que comprobará la anchura de una imagen y luego desided si se debe mostrar o simplemente puesto la URL.

Kinda agradable que no hay strech aunque :)
#define NULL (::rand() % 2)
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Septiembre 3rd, 2006, 1:22 am

  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8925
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Septiembre 3rd, 2006, 1:31 am

Hmm, sí estoy consciente de ello, pero estoy todavía debatiendo sobre la forma en que debe fijarse. Normalmente en el viejo tema que acaba de crear barras de desplazamiento horizontal en la parte inferior en lugar de mostrar más de otro tipo de contenido. El viejo tema de los usos, aunque los cuadros.

La otra alternativa para sobrescribir el contenido de la derecha, sería simplemente cortar (es decir, cualquier cosa se extiende hasta el menú se oculta).

No estoy seguro de que puede obligar a la div que la imagen pertenece a la disminución de no más (como actualmente hacen), así que probablemente sería lo que yo prefiero hacer. Sólo que no creo su posible, ojalá me equivoco.

Agradecería ideas.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • SpooF
  • ٩๏̯͡๏۶
  • Bronze Member
  • Avatar de Usuario
  • Registrado: May 22, 2004
  • Mensajes: 3415
  • Loc: Richland, WA
  • Status: Offline

Nota Septiembre 3rd, 2006, 2:03 am

Bueno después de mirar a su alrededor en los tamaños de pantalla y resoluciones que he encontrado que sería necesario JavaScript. Im no está seguro de cómo hacerlo en javascript aunque (Esta sería la toma de la imagen de un enlace si su anchura es mayor que el contenido principal de la postal). Se requeriría un conjunto de la imagen de cada uno y el ancho. Entonces tendría que comprobar encontrar el ancho de la pantalla para que pueda calcular el ancho de la div. A continuación, compruebe que los agentes del tamaño de la imagen.

Así que primero que tendría que hacer un script en php la leería cada puesto en el tema que se va a mostrar. A continuación, crear una matriz para el javascript para trabajar.

Código: [ Select ]
var ImageSourceArray=new Array("/images/image1.gif","/images/image2.gif","/images/image3.gif")
for (i=0;i<=ArraySize;i++) // Im not sure how to calc the size of an array in javascript
{
The_Image = new Image();
The_Image.src = ImageSourceArray[i];

if(The_Image.width >= (Calc to find the width of the content area dynamicly, for those that dont have the window full sized)) {
document.write(The_Image.src);
} else {
document.write("<img src=\""+The_Image.src+"\">");
}
  1. var ImageSourceArray=new Array("/images/image1.gif","/images/image2.gif","/images/image3.gif")
  2. for (i=0;i<=ArraySize;i++) // Im not sure how to calc the size of an array in javascript
  3. {
  4. The_Image = new Image();
  5. The_Image.src = ImageSourceArray[i];
  6. if(The_Image.width >= (Calc to find the width of the content area dynamicly, for those that dont have the window full sized)) {
  7. document.write(The_Image.src);
  8. } else {
  9. document.write("<img src=\""+The_Image.src+"\">");
  10. }



Ancho de pantalla Código de
Código: [ Select ]
var screenW = 640, screenH = 480;
if (parseInt(navigator.appVersion)>3) {
screenW = screen.width;
screenH = screen.height;
}
else if (navigator.appName == "Netscape"
  && parseInt(navigator.appVersion)==3
  && navigator.javaEnabled()
  )
{
var jToolkit = java.awt.Toolkit.getDefaultToolkit();
var jScreenSize = jToolkit.getScreenSize();
screenW = jScreenSize.width;
screenH = jScreenSize.height;
}

document.write(
"Screen width = "+screenW+"<br>"
+"Screen height = "+screenH
)
  1. var screenW = 640, screenH = 480;
  2. if (parseInt(navigator.appVersion)>3) {
  3. screenW = screen.width;
  4. screenH = screen.height;
  5. }
  6. else if (navigator.appName == "Netscape"
  7.   && parseInt(navigator.appVersion)==3
  8.   && navigator.javaEnabled()
  9.   )
  10. {
  11. var jToolkit = java.awt.Toolkit.getDefaultToolkit();
  12. var jScreenSize = jToolkit.getScreenSize();
  13. screenW = jScreenSize.width;
  14. screenH = jScreenSize.height;
  15. }
  16. document.write(
  17. "Screen width = "+screenW+"<br>"
  18. +"Screen height = "+screenH
  19. )


Eso fue lanzado en conjunto, Im no seguro si eso s possble. Yo programaba primero como una parte final donde hay que almacenar toda la información a la salida posterior cuando es necesario, pero creo que en JavaScript se puede ejecutar secuencias de comandos en cualquier lugar de la página.


Nueva idea de la clase. ¿Puede usted hacer esto?

Código: [ Select ]
<img src="Javascript:CheckImageSize("http://www.webpage/image.gif");" />


No importa que wouldnt de hacer una cosa.
#define NULL (::rand() % 2)
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Registrado: Feb 10, 2004
  • Mensajes: 13455
  • Loc: Florida
  • Status: Offline

Nota Septiembre 3rd, 2006, 2:27 am

Esto parece trabajar para la Ópera y navegadores basados en Mozilla.

Código: [ Select ]
.message img{
    max-width: 90%;
}
  1. .message img{
  2.     max-width: 90%;
  3. }


Esto hace lo mismo con Internet Explorer si el . mensaje elementos tienen un exceso de oculto

Código: [ Select ]
.message{
    overflow: hidden;
}
.message img{
    width: expression(
        parseInt(this.offsetWidth) > parseInt(this.parentNode.offsetWidth) ? '90%' : (this.offsetWidth + 'px'));
}
  1. .message{
  2.     overflow: hidden;
  3. }
  4. .message img{
  5.     width: expression(
  6.         parseInt(this.offsetWidth) > parseInt(this.parentNode.offsetWidth) ? '90%' : (this.offsetWidth + 'px'));
  7. }


Podría causar tiny imágenes que se producirán si alguien envuelve en otros elementos, sin embargo. :?http://www.ozzu.com/programming-forum/image-from-mysql-table-just-binary-data-help-t68427.html Sé que puedo click derecho y ver la imagen pero tal vez no todos serán?

FF
1280 x 800
#define NULL (::rand() % 2)
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8925
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Septiembre 3rd, 2006, 11:48 am

Sí, si las imágenes de retracción hacia abajo se les distorsionada. Yo prefiero no añadir todos los que de Javascript, si puedo, por lo que es la razón por la que creo que cambiar el tamaño de la imagen en caso de los navegadores de resolución es demasiado pequeño es el mejor camino por recorrer. Esto hace que la imagen distorsionada, pero no romper el diseño.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • SpooF
  • ٩๏̯͡๏۶
  • Bronze Member
  • Avatar de Usuario
  • Registrado: May 22, 2004
  • Mensajes: 3415
  • Loc: Richland, WA
  • Status: Offline

Nota Septiembre 3rd, 2006, 11:58 am

Bien se puede hacer sólo la imagen de un enlace en el backend. Doent importa si la imagen es un 1x1 o una 1600x1200. Sólo hay que poner un vínculo en torno a todas las imágenes a la fuente. Esto no debe causar ningún problema. A menos que el cartel quiere poner otro eslabón a su alrededor.

Otra cosa que puedes hacer es hacer un "zoom" como característica la plantilla en un monstruo. cuando se sitúe más de una imagen que hace una más grande en un div bienes muebles que se fija para el ratón.

No está seguro si quiere hacerlo, sólo más trabajo lol.
#define NULL (::rand() % 2)
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8925
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Septiembre 3rd, 2006, 12:10 pm

SpooF escribió:
Bien se puede hacer sólo la imagen de un enlace en el backend. Doent importa si la imagen es un 1x1 o una 1600x1200. Sólo hay que poner un vínculo en torno a todas las imágenes a la fuente. Esto no debe causar ningún problema. A menos que el cartel quiere poner otro eslabón a su alrededor.


Sí, exactamente. Si no fuera por el hecho de que causaría que otro problema sería muy fácil de hacer. Para ello tendría que escribir en la programación para detectar si la imagen está vinculada en otros lugares manualmente. BR>
Creo que la mejor manera sería contar con algún tipo de función de zoom, como usted ha mencionado con TM.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • UniquelyYoursPC
  • Web Master
  • Web Master
  • Avatar de Usuario
  • Registrado: Ene 22, 2003
  • Mensajes: 2998
  • Loc: Canada "A"
  • Status: Offline

Nota Septiembre 3rd, 2006, 1:01 pm

Creo que hay para agregar sobre este .. se hace la foto 150x150 y le dice al tamaño real en el bottem entonces puede clikc en el enlace del tamaño completo.
Custom Built Computers & The Top Quality Hardware Money Can Buy

Publicar Información

  • Total de mensajes en este tema: 11 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 25 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC