Cambio dinamico de pantalla

Hola,
Quiero que de acuerdo a la fotografía que se cargue el la pantalla index, se cambie el color del texto.
He realizado esto con dos botones y va perfecto:
<a href="#" onclick="setActiveStyleSheet('uno'); return false;">uno</a>
<a href="#" onclick="setActiveStyleSheet('dos'); return false;">dos</a>
Pero quisiera que lo hiciera automatico, de acuerdo a la foto, he hecho esto pero no va:
if (num == 1){
setActiveStyleSheet('uno')}
else if (num == 2){
setActiveStyleSheet('dos')}
num es el numero de la fotografia.
¿me podrías ayudar?
Muchas gracias y feliz año.

1 Respuesta

Respuesta
1
¿Dónde seteas la variable num?
function VecImagen1()
{
h=0;
this[h++]="images/1.jpg";
this[h++]="images/2.jpg";
this.H=h;
}
var Imagen1=new VecImagen1();
src1= Imagen1[ Math.floor(Math.random() * Imagen1.H) ] ;
var cadena=src1;
var num = cadena.charAt(7);
Asi cojo el numero de la foto que se carga en la pagina.
En cada foto predomina un color y lo que quiero es cambiar el color de las letras de acuerdo a la foto que se cargue.
Con esto se ejecuta bien:
<script type="text/javascript" src="styleswitcher.js">
<a href="#" onclick="setActiveStyleSheet('uno'); return false;">uno</a>
<a href="#" onclick="setActiveStyleSheet('dos'); return false;">dos</a>
Pero me gustaría que se ejecutara de forma automática de acuerdo a la foto que se cargue.
Muchas gracias
El codigo parece correcto. Lo tienes alojado en algun sitio, ¿así puedo yo verlo?
Esta es la pagina:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Fotografías digitales de José Luis García Campoy</TITLE>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="uno.css" title="uno" />
<link rel="alternate stylesheet" type="text/css" href="dos.css"  title="dos" />
<script type="text/javascript" src="styleswitcher.js"></script>
<script language="javascript">
function VecImagen1()
{
h=0;
this[h++]="images/1.jpg";
this[h++]="images/2.jpg";
this.H=h;
}
var Imagen1=new VecImagen1();
src1= Imagen1[ Math.floor(Math.random() * Imagen1.H) ] ;
var cadena=src1;
var num = cadena.charAt(7);
if (num == 1){
setActiveStyleSheet('uno')}
if (num == 2){
setActiveStyleSheet('dos')}
</script>
</head>
<body>
<div id="header">
<script language="javascript">
  document.write("<img SRC="+src1+">")
 </script>
</div>
<div id="content">
<div id="colOne">
<div id="menu">
<ul>
<li><a href="#" accesskey="1" title="">Inicio</a></li>
<li><a href="#" accesskey="2" title="">Portfolio</a></li>
<li><a href="#" accesskey="3" title="">Galerías</a></li>
<li><a href="#" accesskey="4" title="">Autor</a></li>
<li><a href="#" accesskey="5" title="">Blog</a></li>
</ul>
  </div>
 </div>
<div id="colTwo">
<div class="post">
<p align="justify" class="Estilo1">Hola amigo,<br />He creado esta Web con el ánimo de poder compartir la colección de fotografías sobre naturaleza que he realizado y que espero seguir ampliando. Si con ellas soy capaz de concienciar a cualquier visitante y hacerle pensar en el respeto que se debería tener por nuestro medio ambiente, me sentiría doblemente satisfecho.<br />Gracias por tu visita y bienvenido.</p>
  </div>
  </div>
</div>
<div id="footer">
<p align="justify">© 2005-2006 Todas las fotografías son propiedad del autor y sus derechos están reservados, así mismo estas fotografías no pueden ser reproducidas, publicadas, copiadas ni transmitidas de ninguna de las formas, incluidas las electrónicas sin permiso por escrito del autor.</p>
</div>
</body>
</html>
Este uno.css
body {
 margin: 0;
 padding: 0;
 background: #000000;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #ad9924;
}
p, ol, ul, blockquote {
 line-height: 18px;
}
a {
 border-bottom: 1px dotted #707070;
 text-decoration: none;
 color: #ad9924;
}
.Estilo1 {color: #ad9924}
/* Posts */
.post {
 margin-bottom: 9px;
 padding: 20px 40px 20px 60px;
 background: #131313;
 border-top: 1px solid #1F1F1F;
 border-right: 1px solid #1F1F1F;
 border-bottom: 1px solid #1F1F1F;
 border-left: 1px solid #1F1F1F;
}
/* Header */
#header {
 width: 1000px;
 height: 300px;
 margin: 0 auto;
}
/* Content */
#content {
 width: 580px;
 margin: 0 auto;
 padding: 10px;
 color:#ad9924
}
#colOne {
 float: left;
 width: 180px;
}
#colOne ul {
 margin-left: 0;
 padding-left: 0;
 list-style: none;
}
#colTwo {
 float: right;
 width: 390px;
}
/* Footer */
#footer {
 clear: both;
 width: 580px;
 margin: 0 auto;
 padding-top: 20px;
 color: #333333;
}
#footer p {
 margin: 0;
 text-align: center;
 font-size: 9px;
}
este es dos.css
body {
 margin: 0;
 padding: 0;
 background: #000000;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #1e6599;
}
p, ol, ul, blockquote {
 line-height: 18px;
}
a {
 border-bottom: 1px dotted #707070;
 text-decoration: none;
 color: #1e6599;
}
.Estilo1 {color: #1e6599}
/* Posts */
.post {
 margin-bottom: 9px;
 padding: 20px 40px 20px 60px;
 background: #131313;
 border-top: 1px solid #1F1F1F;
 border-right: 1px solid #1F1F1F;
 border-bottom: 1px solid #1F1F1F;
 border-left: 1px solid #1F1F1F;
}
/* Header */
#header {
 width: 1000px;
 height: 300px;
 margin: 0 auto;
}
/* Content */
#content {
 width: 580px;
 margin: 0 auto;
 padding: 10px;
 color:#ad9924
}
#colOne {
 float: left;
 width: 180px;
}
#colOne ul {
 margin-left: 0;
 padding-left: 0;
 list-style: none;
}
#colTwo {
 float: right;
 width: 390px;
}
/* Footer */
#footer {
 clear: both;
 width: 580px;
 margin: 0 auto;
 padding-top: 20px;
 color: #333333;
}
#footer p {
 margin: 0;
 text-align: center;
 font-size: 9px;
}
y este es styleswitcher.js
function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}
function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}
function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}
function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca;
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}
window.onload = function(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}
window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
Las fotos no te las he enviado.
Cada vez que refrescas la pantalla unas veces cambia la foto y otras no, es normal puesto que el cambio es aleatorio, pero cuando cambia la foto lo que quiero es que cambie el color de la letra y no lo hace.
Gracias
Intenta sacar esto del archivo js:
window.onload = function(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Calcular Mantenimiento preventivo de automóvil

Antes que nada hola a todos!. Bueno hoy tengo un pequeño problema a resolver con un programa que se me solicito desarrollar en php. Por ejemplo a cada automóvil se le debe realizar mantenimiento a los 10, 000 Km. Y mandar una notificación o alerta de...
3 respuestas

Mover foco en registros de un formulario

Estaría interesado en saber que evento he de realizar para que en un formulario, le de doble clic a un campo y que se vaya a otro con el mismo número o código. Ejemplo de la imagen, si en el campo “recicladopor” doy doble clic en el registro con...
3 respuestas

Cómo puedo hacer para que me imprima 4 formularios en diferentes ficheros php en un solo botón imprimir

Ayudaaaaaaaaaaaaa se me hace muy difícil hacer esto, no encuentro
1 respuesta

Como contar like y seguidores de redes sociales

Ojala se encuentren todo muy bien, les escribo esta vez por que desea contabilizar los like de una fan page de facebook, los seguidores en twitter, los suscriptores en google plus y youtube. Ya tengo como contar los de face, pero no encuentro...
2 respuestas

Encontrar la página index.html

Estoy empezando con programación en html, css y js, fundamentalmente para poderme corregir la web que tengo que está bastante mal. Cuando voy al inspector en mi web, encuentro en la página de inicio que pone "Indice" pero soy incapaz de encontrar esa...
1 respuesta

Es posible utilizar la página desde el navegador Opera

Utilizo la consulta para comentar que aquellas personas que para responder o publicar consultas tengan problemas con Firefox o Chrome, (soy una de ellas), pueden utilizar el navegador Opera, con el sí es posible responder mensajes y abrir temas....
2 respuestas

Detectar el modo oscuro al abrir una página y luego cambiar según preferencia del usuario

Tengo una web en la que mediante hacer click en un botón cambia entre modo dark y light llamando a una función js siguiente: const setTheme = (theme) => { document.documentElement.className=theme; localStorage.setItem('theme', theme); } const...
1 respuesta

Agregar / eliminar elementos con javascript

Tengo una lista de elementos que se deben filtrar conforme se va escribiendo en un campo de texto, en caso de que no aparezca en la lista filtrada que los pueda añadir, y en caso que si aparezca añadirlo por medio de doble click, Ya tengo la parte...
2 respuestas

Como se multiplica a partir de un texto?

En EXCEL, quiero que en la celda A1 se multiplique automáticamente el 4% del valor que aparece en la celda B1, esto cuando la celda C1 contenga la palabra FACTURA.
2 respuestas

Soy nuevo en programador web ¿Cómo hago esto?

Es algo difícil de preguntar para mi, vean la imagen, donde dice todo expertos, cuando lo presionamos, nos lleva a la página principal, ¿Cierto?, ese mismo efecto me gustaría tener en mi página web, pero hasta ahora no pillo respuestas en la web, te...
3 respuestas