Ir para conteúdo

POWERED BY:

Arquivado

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

luan Fauth

Slide Show com php

Por , em PHP

Recommended Posts

luan Fauth    0

luan Fauth
Postado

galera preciso colocar em uma pagina algo do tipo um slide show, as fotos no BD e uma função que chame elas e vai mudando a foto de tanto tempo em tanto tempo sem precisar atualizar a pagina...

 

forcinha ai plx!!!

grato

Compartilhar este post

Link para o post
Compartilhar em outros sites

luan Fauth    0

luan Fauth
Postado

com certeza isso ai deve ter uma documentação.

Basta olhar nela e adaptar pro seu script.

 

Boa sorte

 

Att.,

Andrey Moretti

 

 

 

ok valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites

luan Fauth    0

luan Fauth
Postado

vou precisar achar isso aqui por awe... pra fazer ele funfa direito pra mim

 

CODE
<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript" src="/interface/interface.js"></script>

 

mas uma mãozinha aqui plx..

Compartilhar este post

Link para o post
Compartilhar em outros sites

luan Fauth    0

luan Fauth
Postado

velho... quando clico pra fazer o download do scrip ele abre a outra pagina e ela fica em branco... normal isso ou é algum erro que ta dando aqui mesmo??

Compartilhar este post

Link para o post
Compartilhar em outros sites

luan Fauth    0

luan Fauth
Postado

surgio outro problema...

 

como faço para puchar as imagens do BD para serem mostradas neste código de slideshow...

 

CODE
<title>Slideshow demo - Interface plugin for jQuery</title>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript" src="/interface/interface.js"></script>

<style type="text/css" media="screen">

body

{

font-family:Arial, Helvetica, sans-serif;

font-size: 11px;

color: #666666;

}

a

{

text-decoration: none;

}

#slideShow1

{

width: 300px;

height: 300px;

border: 1px solid #ccc;

padding: 10px;

background-color: #fff;

margin: 10px;

}

#slideShow2

{

width: 300px;

height: 300px;

border: 1px solid #ccc;

padding: 10px;

background-color: #fff;

margin: 10px;

}

.pagelinks a

{

font-weight: bold;

color: #666;

}

.slideCaption

{

background-color: #FFFFCC;

padding: 4px;

text-align: center;

font-weight: bold;

}

.pagelinks a.activeSlide

{

color: #f90;

}

/* this is for IE so the prev/next links can be hovered*/

.nextSlide,.prevSlide

{

background-image: url(a1.jpg);

}

.nextSlide:hover

{

background-image: url(a1.jpg);

background-repeat: no-repeat;

background-position: right bottom;

}

.prevSlide:hover

{

background-image: url(a1.jpg);

background-repeat: no-repeat;

background-position: left bottom;

}

.inputsTooltip

{

border: 1px solid #ccc;

background-color: #eee;

padding: 4px;

color: #333;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

filter:alpha(opacity=70);

-moz-opacity:.70;

opacity:.70;

}

#tooltipURL

{

display: none;

}

</style>

</head>

 

<body>

 

<p>Slide Show</p>

<div id="slideShow1"><br>

</div>

<div id="slideShow2"></div>

<script type="text/javascript">

$(document).ready(

function()

{

$.slideshow(

{

container : 'slideShow1',

loader: 'images/slideshow_loader.gif',

linksPosition: 'top',

linksClass: 'pagelinks',

linksSeparator : ' | ',

fadeDuration : 400,

activeLinkClass: 'activeSlide',

nextslideClass: 'nextSlide',

prevslideClass: 'prevSlide',

captionPosition: 'bottom',

captionClass: 'slideCaption',

autoplay: 5,

random: true,

images : [

{

src: 'a5.gif',

caption: 'Dynamic'

},

{

src: 'a6.jpg',

caption: 'Actual'

},

{

src: 'a7.jpg',

caption: 'Panda'

},

{

src: 'a8.jpg',

caption: 'Active'

}

]

}

)

$.slideshow(

{

container : 'slideShow2',

loader: 'images/slideshow_loader.gif',

linksPosition: 'top',

linksClass: 'pagelinks',

linksSeparator : ' | ',

fadeDuration : 400,

activeLinkClass: 'activeSlide',

nextslideClass: 'nextSlide',

prevslideClass: 'prevSlide',

captionPosition: 'bottom',

captionClass: 'slideCaption',

autoplay: 5,

images : [

{

src: 'a1.jpg',

caption: 'Fiat Panda'

},

{

src: 'a2.jpg',

caption: 'Panda Active'

},

{

src: 'a3.jpg',

caption: 'Panda Actual'

},

{

src: 'a4.jpg',

caption: 'Panda Dynamic'

}

]

}

)

 

$('a').ToolTip(

{

className: 'inputsTooltip',

position: 'mouse'

}

);

}

);

</script>

<script language="JavaScript" type="text/javascript">var client_id = 1;</script>

 

<script language="JavaScript" src="http://stats.byspirit.ro/track.js" type="text/javascript"></script>

<noscript>

<p><img alt="" src="http://stats.byspirit.ro/image.php?client_id=1" width="1" height="1" /></p>

</noscript>

</body>

</html>

 

grato por ajudas...

 

só mais uma coisinha aqui ele está como peguei do site a cima citado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

lucianouru    0

lucianouru
Postado

Faiz o seguinte...

Cria o arquivo conexao.php

<?php
$host           = "servidor"; // Local do Servidor OBS e mais utilizado localhost !
$user           = "nomedeusuario"; //Nome de usuário do Sql
$password       = "suasenha"; //Senha do servidor
$database       = "suadb"; // Base de dados

//nao altere nada aqui...
$conexao        = mysql_connect($host,$user,$password) or die ("Não foi possível conectar a base de dados.");
$db             = mysql_select_db($database,$conexao) or die ("Erro ao selecionar base de dados.");
?>

Bom depois de que criamos a conexao com a bd vamos agora criar o arquivo q vai ser encarregado de pegar as fotos da bd e puxar para sua pagina

bom vamos la..

Adicione em sua pagina este seguinte codigo:

<?php
//pega o arquivo conexao que criamos...
require "conexao.php";

				//pega as imagens da bd
  					$resultado = mysql_query("SELECT*FROM NOMEDESUATABELA");
				$linhas = mysql_num_rows($resultado);
				while ($linha = mysql_fetch_array($resultado)){
				$nomedocampodatabela = $linha["nomedocampodatabela"];}
?>

Bom vamos explicar agora...

Aonde tem $nomedocampodatabela você ira colocar o nome do campo que você ta colocando no mysql para que possa pegar os dados registrados na tabela e colocar em sua pagina...

EX:

tenho uma tabela com os seguintes campos:

imagem varchar(255)

e outro campo com o nome

nome_imagem varchar(255)

 

bom agora para que você possa colocar esses dados em sua pagina faça o seguinte...

$nomedocampodatabela

você colocará o nome do campo tipo como eu expliquei se o campo for imagem você colocara $imagem e se for outro você faiz o mesmo.

e para adicionar é só colocar uma linha

$nomedocampodatabela = $linha["nomedocampodatabela"];}

para adicionar a imagem ao sua pagina faça o seguinte

aonde tem o campo <img src="">

você colocará dentro das aspas assim:

<?php echo"$nomedocampo" ?>

certo espero ter ajudado ate a proxima :joia:

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Batista Neto    448

João Batista Neto
Postado

@lucianouru,

 

Esse tópico é de 2008, certamente o autor já deve ter corrigido esse problema e, muito possivelmente, ter tido vários outros nesses últimos anos.

 

Continue contribuindo com o fórum, mas atente-se à data de criação dos tópicos.

 

;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

lucianouru    0

lucianouru
Postado

@lucianouru,

 

Esse tópico é de 2008, certamente o autor já deve ter corrigido esse problema e, muito possivelmente, ter tido vários outros nesses últimos anos.

 

Continue contribuindo com o fórum, mas atente-se à data de criação dos tópicos.

 

;)

tranquilo manin desculpe pelo erro de nao ver a data ;)

Compartilhar este post

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

Informação importante

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

  Aceito