Ver Mensaje Individual
  #3 (permalink)  
Antiguo 08/07/2010, 09:36
Avatar de Nemutagk
Nemutagk
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: México
Mensajes: 2.633
Antigüedad: 20 años, 8 meses
Puntos: 406
Respuesta: Cambiar Fondo segun Resolucion

Tener mas de una página solo por cambiar el fondo o_O no se me hace viable...

Lo que quieres hacer es sencillo con javascript....
Código Javascript:
Ver original
  1. function changeBackground() {
  2. var fondos = {
  3. '800'=>'imagen800.jpg',
  4. '1024'=>'imagen1024.jpg',
  5. '1280'=>'imagen1280.jpg',
  6. 'default'=>'imagenparaotrasresoluciones.jpg'
  7. }
  8.  
  9. var ancho = screen.width;
  10.  
  11. if (parseInt(ancho) > parseInt(800) && parseInt(ancho) < parseInt(1280)) {
  12.  document.body.style.backgroundImage= "url("+ fondos['ancho'] +");";
  13. }else {
  14.  document.body.style.backgroundImage= "url("+ fondos['default'] +");";
  15. }
  16. }

Despues en el body agregas esto
Código HTML:
Ver original
  1. <--! Despues del header en el tag body agregas lo siguiente -->
  2. <body onload="javascript:changeBackground()">


Verifica antes el código que acabo de poner, ya que lo he hecho sobre la marcha y no eh verificado si tiene errores

Actualización: Se me olvidaba que no sabes nada de HTML >.<, al final tendrias que tener algo así, obviamente modificalo a tus necesidades...
Código HTML:
Ver original
  1. <title>Titulo de tu pagina</title>
  2. <script type="text/javascript">
  3. function changeBackground() {
  4. var fondos = {
  5. '800'=>'imagen800.jpg',
  6. '1024'=>'imagen1024.jpg',
  7. '1280'=>'imagen1280.jpg',
  8. 'default'=>'imagenparaotrasresoluciones.jpg'
  9. }
  10.  
  11. var ancho = screen.width;
  12.  
  13. if (parseInt(ancho) > parseInt(800) && parseInt(ancho) < parseInt(1280)) {
  14. document.body.style.backgroundImage= "url("+ fondos['ancho'] +");";
  15. }else {
  16.  document.body.style.backgroundImage= "url("+ fondos['default'] +");";
  17. }
  18. }
  19. <--! Despues del header en el tag body agregas lo siguiente -->
  20. <body onload="javascript:changeBackground()">
__________________
Listo?, tendría que tener 60 puntos menos de IQ para considerarme listo!!!
-- Sheldon Cooper
http://twitter.com/nemutagk
PD: No contestaré temas vía mensaje personal =)

Última edición por Nemutagk; 08/07/2010 a las 09:45