Comunidad de diseño web y desarrollo en internet online

If y function()

Citar            
MensajeEscrito el 11 Ago 2011 07:35 pm
Hola a todos

Tengo el siguiente codigo para detectar las resoluciones, quisiera que depende de la resolucion me ampliara mas o menos la imagen. En el function() le cambiaria los valores.

Para adaptar estoy usando este codigo:

Código :

/*Supersize Plugin Styles*/
body {
        overflow:hidden;
}
#supersize img, #supersize a{
   height:100%;
   width:100%;
   display:none;
}
#supersize .activeslide, #supersize .activeslide img{
   display:inline;
}

$(function(){
   $.fn.supersized.options = {
      startwidth: 1024,
      startheight: 768,
      minsize: .5,
      slideshow: 1,
      slideinterval: 5000
   };
        $('#supersize').supersized();
});




Luego para detectar la resolucion he encontrado esto:

Código :

<script language="JavaScript"> 
if (screen.width<1024) 
   document.write ("Pequeña") 
else 
   if (screen.width<1280) 
      document.write ("Mediana") 
   else 
      document.write ("Grande") 
</script> 



Como uno un codigo con otro? He estado haciendo diferentes pruebas y no me sale.
Me podeis ayudar?

Gracias
Eva


Nota BOFH: Favor usar etiquetas de codigo para postear codigo. Si no saben como pregunten.

Por ecsn

11 de clabLevel



 

msie
Citar            
MensajeEscrito el 11 Ago 2011 08:01 pm
Acabo de publicar algo al respecto, esta ahorita en el foro de pruebas pero será movido pronto.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 12 Ago 2011 07:21 am
Hola Ramm

Esta noche lo pruebo, aunque ando un poco perdida.


Habia probado de crear dos hojas de estilo, una para 1024 y otra para 800, con esta informacion dentro:

Código HTML :

$(function(){
   $.fn.supersized.options = {
      startwidth: 1024,
      startheight: 768,
      minsize: .5,
      slideshow: 1,
      slideinterval: 5000
   };
        $('#supersize').supersized();
});



Pero luego no me funciona, como lo tendria que hacer?

Gracias
Eva

Por ecsn

11 de clabLevel



 

firefox
Citar            
MensajeEscrito el 12 Ago 2011 02:22 pm
De nuevo, por favor usa las etiquetas de codigo para postear codigo.

Tu sabes que eso es JavaScript? y que va en una etiqueta de script o en un archivo .js? Dentro de CSS no te va a funcionar.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 12 Ago 2011 03:49 pm
Solo hace un mes que estoy aprendiendo de forma completamente autodidacta.
A qué os referis que tengo que poner etiquetas para postear el codigo?

Siento ser pesada, pero la unica manera de ir aprendiendo es buscando en google y preguntando en foros.

Gracias
Eva

Por ecsn

11 de clabLevel



 

firefox
Citar            
MensajeEscrito el 12 Ago 2011 11:06 pm
Me refiero a que cuando posteas codigo aqui para que lo veamos, uses etiquetas de codigo asi:

Para que se vea asi:

Código HTML :

Seleccionas tu codigo aqui


En cuanto a lo otro que quieres hacer, si solo hace un mes que aprendes, deberías ir con cosas más básicas. Quieres correr antes de saber caminar.

Aprende como usar Hojas de estilo, como usar scripts. Aqui mismo en la sección de tutoriales encuentras muchos muy basicos para todo eso.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.