Jump to content
Fórum Script Brasil
  • 0

Ajuda com Javascript


Leo'

Question

Olá amigos do scriptbrasil,

Fiz uma galeria de videos em php que tem um carrossel inferior para a escolha dos videos. Não quero que o carrossel circule, parando

a função das setas no primeiro e ultimo vídeo. Adicionei a opção circular : false, no script mas no IE (como sempre) a função não

funcionou e apareceu apenas um vídeo dos cinco que eu tinha colocado. Como conserto isso para mostrar todos os videos que

postei?

Desde já valeu pela ajuda. Fico na espera.

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0
posta o código

O codigo é esse ai. Tava puxando os js e css diretamente da pasta do site, mas hospedei eles aqui pra vocês verem.

<?php

$conecta = mysql_connect('localhost','','') or die(mysql_error());

$banco = mysql_select_db('ajax_vp');

$titulo = strip_tags($_POST['titulo']);

?>

<!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" />

<title>Ver</title>

&lt;script type="text/javascript" src="http://hospedate.webs.com/carrossel/jquery-1.3.2.min.js"></script>

&lt;script type="text/javascript" src="http://hospedate.webs.com/carrossel/jcarousellite_1.0.1.min.js"></script>

&lt;script type="text/javascript">

$(function(){

$("#carrossel").jCarouselLite({

btnPrev : '.prev',

btnNext : '.next',

circular : false <!-- aki fika o erro segundo o internet explorer -->

})

})

</script>

<link href="http://hospedate.webs.com/carrossel/ajaxtv.css" rel="stylesheet" type="text/css" />

</head>

<body>

<center><div id="box" class="shadow">

<a href="#ajaxtv"><div id="ajaxtv"></div></a>

<div id="videos" align="center">

<div id="titulo" style="margin-top:5px;">Titulo do video</div>

<?php

if($_GET['funcao] != "detalhes"){

$sql = mysql_query("SELECT * FROM galeria_videos");

while($linha= mysql_fetch_array($sql)){

$embed = $linha['embed'];}?>

<iframe width=550" height="400" src="http://www.youtube.com/embed/<? echo $embed ?>" frameborder="0" allowfullscreen></iframe>

<?

}elseif($_GET['funcao] == "detalhes"){

$id = $_GET['id'];

$sql = mysql_query("SELECT * FROM galeria_videos where id = '$id'");

while($linha= mysql_fetch_array($sql)){

$embed = $linha['embed'];

$id = $linha['id'];}?>

<iframe width=550" height="400" src="http://www.youtube.com/embed/<? echo $embed?>" frameborder="0" allowfullscreen></iframe>

<?

}

?>

</div>

<div id="inferior">

<a href="#ajaxtv" class="prev"><div id="setaesq" style="float:left; margin-left:90px; margin-top:15px;"><img src="imagens/setaesq.png" onmouseover="this.src='imagens/setaesq_hover.png'" onmouseout="this.src='imagens/setaesq.png'" /></div><!-- div_setaesq --></a>

<div id="carrossel" class="jCarouselLite">

<?php

$selThumb = mysql_query("SELECT * FROM galeria_videos ORDER BY id DESC");

while($lnThumb = mysql_fetch_array($selThumb)){

?>

<ul><li><a href="?pg=ajaxtv&funcao=detalhes&id=<?php echo $lnThumb['id];?>#ajaxtv"><div id="vsub"><img src="<?php echo $lnThumb['foto'];?>" width="141" height="88" style="margin-top:10px;" /><div id="titulo_sub">Titulo do video</div><!-- div_titulo_sub --></div><!-- div_vsub --></a></li></ul>

<?php

}

?>

</div> <!-- div_carrossel-->

<a href="#ajaxtv" class="next"><div id="setadir" style="float:left; margin-top:15px;"><img src="imagens/setadir.png" onmouseover="this.src='imagens/setadir_hover.png'" onmouseout="this.src='imagens/setadir.png'"/></div><!-- div_setadir --></a>

</div><!-- div_inferior -->

</center>

</body>

</html>

Valeu desde já.

Edited by Leo'
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...