Colocar imagen estática en web personal

davidddp · 6 May 2014

Buenas pues estoy creando una web personal y me gustaría mucho poder poner una imagen estática en uno de los lados de la web y que el resto se pueda mover arriba y a abajo.

No se si necesitaré alguna tecnología como AJAX o ya hay algún tema para wordpress que lo haga (yo no lo he encontrado), me gustaría que me pudierais ayudar a hacer esto.

Dejo una web en la que me he fijado y que es mas o menos lo que me gustaría hacer: Manuel Palomar | Candidato a Rector de la Universidad de Alicante. 2012

Galbatorix · 6 May 2014

Revisa el código de esa página y toma prestado lo que necesites. La imagen queda fija con la propiedad `position:fixed;` lo demás es un poco de magia jquery (que también te puedes robar).

En específico, la imagen queda fija con este código (en la web del rector):

HTML:

#zona-izq {
  float: left;
  width: 400px; 
  background-color: #666;
  height: 100%;
  position: relative;
  margin: 0px;
  padding: 0px;
  position: fixed;
}

El código que cambia la imagen es este (requiere jQuery):

Insertar CODE, HTML o PHP:

var numFotos=2;
var foto=0;

function cambiarFoto ()
{
	foto = (foto+1)%numFotos;
	
	$("#foto-principal").fadeOut("slow", function() {$(this).attr("src", context + "/fotomp/"+foto+".jpg").fadeIn("slow");}); // MODIFIED
	window.setTimeout(cambiarFoto, 10300);
}

Colocar imagen estática en web personal

davidddp Seguir

Galbatorix