Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

HilarYo

Criar página web com fundo dinamico (Vegas)

Por , em Desenvolvimento frontend

Recommended Posts

HilarYo    0

HilarYo
Postado

Boas,

Estou a tentar criar uma pagina web, de forma a que o fundo (background) seja dinâmico, ou melhor dizendo uma especie de slideshow.

Encontrei um plugin Jquery (Vegas) - http://vegas.jaysalvat.com/

 

Segui a documentação (http://vegas.jaysalvat.com/documentation/setup/)

 

tenho o seguinte código:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"> </script>
<script type="text/javascript" src="vegas/jquery.vegas.js"> </script>
<link  rel="stylesheet"  type="text/css" href="/vegas/jquery.vegas.css" />
<script>
$(function() {
  $.vegas({
    src:'/images/background.jpg'
  });
  $.vegas('overlay', {
    src:'/vegas/overlays/13.png'
  });
});
</script>

<title>PaginaTeste</title>
</head>

<body>

</body>
</html>

com este código seria possível apresentar a imagem de fundo background.jpg

alguém me pode ajudar?

Obrigado

Cumprimentos

Compartilhar este post

Link para o post
Compartilhar em outros sites

HilarYo    0

HilarYo
Postado

Problema Solucionado:

$(function() {
  $.vegas({
    src:'./images/background.jpg'
  });
  $.vegas('overlay', {
    src:'./vegas/overlays/13.png'
  });
});

Faltava o . :

em vez de 

src:'/images/background.jpg'

era:

 

src:'./images/background.jpg'

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito