Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 291

jquery - ajax - tirar legenda da imagem

29-03-2012 09:11

Olá pessoal, alguém pode me ajudar como tirar a legenda das imagens da galeria de fotos?
segue o 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" /> <title>Evento:<?php echo $row_RsListaGaleria['eve_titulo']; ?></title> <link href="galleria.css" rel="stylesheet" type="text/css" media="screen"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.galleria.js"></script> <script type="text/javascript"> jQuery(function($) { $('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability $('ul.gallery_demo').galleria({ history : true, // activates the history object for bookmarking, back-button etc. clickNext : true, // helper for making the image clickable insert : '#main_image', // the containing selector for our main image onImage : function(image,caption,thumb) { // let's add some image effects for demonstration purposes // fade in the image & caption if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow image.css('display','none').fadeIn(1000); } caption.css('display','none').fadeIn(1000); // fetch the thumbnail container var _li = thumb.parents('li'); // fade out inactive thumbnail _li.siblings().children('img.selected').fadeTo(500,0.3); // fade in active thumbnail thumb.fadeTo('fast',1).addClass('selected'); // add a title for the clickable image image.attr('title',' >>'); }, onThumb : function(thumb) { // thumbnail effects goes here // fetch the thumbnail container var _li = thumb.parents('li'); // if thumbnail is active, fade all the way. var _fadeTo = _li.is('.active') ? '1' : '0.2'; // fade in the thumbnail when finnished loading thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500); // hover effects thumb.hover( function() { thumb.fadeTo('fast',1); }, function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active ) } }); }); </script> <style media="screen,projection" type="text/css"> /* BEGIN DEMO STYLE */ *{margin:0;padding:0} body{padding:20px;background:white;text-align:center;background:#000;color:#000;font:80%/140% georgia,serif;} h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;} a{color:#F00;text-decoration:none;outline:none;} a:hover{color:#67a;} .caption{font-style:italic;color:#887;} .demo{position:relative;margin-top:5px; width:980px;} .gallery_demo{width:702px;margin:0 auto;} .gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;} .gallery_demo li div{left:240px} .gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;} #main_image{ float:right; 60px auto;height:auto;width:700px;background:black;} #main_image img{margin-bottom:10px;} .nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;} .info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;} .info p{margin-top:1.6em;} #minis{ width:100px; height:auto;} #container { width:980px; margin:0 auto; text-align:center } </style> <link href="../../includes/skins/mxkollection3.css" rel="stylesheet" type="text/css" media="all" /> <script src="../../includes/common/js/base.js" type="text/javascript"></script> <script src="../../includes/common/js/utility.js" type="text/javascript"></script> <script src="../../includes/skins/style.js" type="text/javascript"></script> <script type='text/javascript'> <!-- function FecharJanela() { ww = window.open(window.location, "_self"); ww.close(); } function MM_callJS(jsStr) { //v2.0 return eval(jsStr) } //--> </script> </head> <body> <div id="container"> <?php mxi_includes_start("../includes_site/topo.php"); require(basename("../includes_site/topo.php")); mxi_includes_end(); ?> <table width="980" border="0"> <tr> <th colspan="2" scope="col"> <?php echo $tNGs->getErrorMsg(); ?> </th> <th width="111" scope="col"><a href="<?php echo $logoutTransaction->getLogoutLink(); ?>">Sair da Galeria</a></th> </tr> <tr> <th width="380" scope="col">&nbsp;</th> <th width="475" scope="col"> <!--link voltar <a href="../../fotos_lapela.asp">&laquo;</a> --> <span class="caption"><?php echo $row_RsListaGaleria['eve_titulo']; ?></span> </th> <th scope="col"><input type="button" value="Fechar Galeria" onclick="FecharJanela();" /></th> </tr> </table> <a href="<?php echo $logoutTransaction->getLogoutLink(); ?>"></a> <br /> <?php if($row_RsListaGaleria['eve_status'] == 1) { ?> <div class="demo"> <div id="main_image"></div> <div id="minis"> <ul class="gallery_demo_unstyled"> <?php $eve = $_GET['eve']; if(isset($_GET['eve'])) { $diretorio = ("../imagens/$eve/"); $dirabrir = opendir("$diretorio"); while ($fotos = readdir($dirabrir)) { if($fotos != "." && $fotos != ".." && $fotos != "thumbnails") { ?> <li class="active"><img src="../imagens/<?php echo $eve."/".$fotos; ?>" alt="<?php echo $fotos; ?>" title="<?php echo $fotos; ?>"></li> <?php } } // fecha while } // fecha if $_GET['eve']; ?> </ul> </div> <br /> <table width="980" border="0"> <tr> <th width="269" scope="col">&nbsp;</th> <th width="701" scope="col"><span class="nav"><a href="#" onclick="$.galleria.prev(); return false;">&laquo; Anterior</a> | <a href="#" onclick="$.galleria.next(); return false;">Próximo &raquo;</a></span></th> </tr> </table> <div id="container2"> <?php } else { ?> <br /> <br /> <br /> <br /> Atualmente esta galeria não tem nenhuma foto adicionada! <br /> </div> <?php } ?> <p class="nav">&nbsp;</p> </div><hr align="center" width="980" size="1" / color="#CCCCCC" > <?php mxi_includes_start("../includes_site/rodape.php"); require(basename("../includes_site/rodape.php")); mxi_includes_end(); ?> </div> </body> </html>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17639
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

jquery - ajax - tirar legenda da imagem

29-03-2012 10:01

Seria não mostrar o alt ou o title ao passar o cursor sobre a imagem?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 291

jquery - ajax - tirar legenda da imagem

29-03-2012 11:35

?>
<li class="active"><img src="../imagens/<?php echo $eve."/".$fotos; ?>" alt="<?php echo $fotos; ?>" title="<?php echo $fotos; ?>">
<div id="main_image2">

</div>
</li>
<?php


resolvido: é só tirar o que está em negrito.
Vlw!!!!!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17639
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

jquery - ajax - tirar legenda da imagem

29-03-2012 11:37

Pensei que algum script jQuery aplicava a legenda, mas, seria isso mesmo que você fez.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]