Will Up
-
Total de itens
9 -
Registro em
-
Última visita
Tudo que Will Up postou
-
Estou tentando usar o Step Carousel Viewer v1.9 (http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm), mas um outro jquery da minha página para de "funcionar" quando adiciono esse: http://www.dynamicdrive.com/dynamicindex4/stepcarousel.js Esse é o jquery que para de funcionar: <script type="text/javascript"> $(document).ready(function() { $('a[name=modal]').click(function(e) { e.preventDefault(); var id = $(this).attr('href'); var maskHeight = $(document).height(); var maskWidth = $(window).width(); $('#mask').css({'width':maskWidth,'height':maskHeight}); $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); $(id).fadeIn(2000); }); $('.window .close').click(function (e) { e.preventDefault(); $('#mask').hide(); $('.window').hide(); }); $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); }); </script> Podem me ajudar?
-
Criei uma galeria de imagens que funciona perfeitamente, com lightbox adaptada por mim e tudo mais. Agora passei a usar isso para carregar as imagens de dentro da lighbox, mas ela (lightbox) não é exibida: http://www.electrict...-loading-image/ Segue o script da página: <?phpinclude 'config.php'; // Traduz a página switch ($_COOKIE['lang']) { case 'pt': require("portugues.php"); break; case 'en': require("ingles.php"); break; default: require("portugues.php"); } if(isset($_GET['proj'])){ $proj = '`Categoria` = "'.$_GET['proj'].'"'; }else{ $proj = '`Categoria2` = "Todos"'; } $busca = $_GET['usuario']; $busca = mysql_real_escape_string($busca); $sql = "SELECT * FROM `images` WHERE (`Portf` = 'S') AND (`Username` = '".$busca."') AND ($proj) ORDER BY `ImageID` DESC"; $query = mysql_query($sql); $i = 0; $imagens = array(); while($row = mysql_fetch_array($query, MYSQL_ASSOC)) { foreach($row as $key => $value) { $imagens[$i][$key] = $value; } $i++; } $sql2 = mysql_query("SELECT * FROM `users` WHERE (`Username` = '".$busca."')"); while ($titulo_portf = mysql_fetch_assoc($sql2)) { $Cor = $titulo_portf['Cor']; $Portf = $titulo_portf['Titulo_portf']; $Bio = $titulo_portf['Bio']; $Avatar = $titulo_portf['Avatar']; $Titulo_Portf = mb_strtoupper($Portf); ?> <!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><?php echo $Portf;?> - ImageUP</title> <link href="/style_portf.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> </head> <body> <div id="tudo"> <style> #exibe<?php echo $i++; ?> { display: none; } </style> <?php } ?> <?php if(sizeof($imagens) == 0): ?> <center style='background: #FCC; color: #A00; font-size: 1.3em; padding: 5px;'> Este usuário não possui imagens em seu portfólio </center> <?php else: ?> <?php $i = 1; ?> <?php foreach($imagens as $imagem): ?> <a href="#exibe<?php echo $i++; ?>" onclick="example_ajax_request()" name="modal"><img onmouseover="if(parseFloat(this.style.opacity) != 0) p_fade(this, 'fast', 'out', '0.5', 0)" onmouseout="p_fade(this, 'fast', 'in', 1, 0)" onload="this.completed = 1; p_fade(this, 'fast', 'in', 1, 2)" src="http://www.theimageup.com/images_files/redimensionar.php?arquivo=<?php echo $imagem['Image]; ?>&largura=150&altura=150" style="opacity: 1;"></a> <?php endforeach; ?> <div id="boxes"> <?php $i = 1; ?> <?php foreach($imagens as $imagem): ?> <div id="exibe<?php echo $i++;?>" class="window"> </div> <div id="mask"></div> <?php endforeach; ?> </div> <?php endif; ?> <div id="footer"> <div id="FooterCreditos"> <p>© 2010. <?=DESENVOLVIDO?> <a href="#">Blabloo Network</a></p> </div> </div> </div> </div> // Ajax imagem <script type="text/javascript"> function example_ajax_request() { $('#exibe<?php echo $i++;?>').html('<p><img src="ajax-loader.gif" width="220" height="19"></p>'); $('#exibe<?php echo $i++;?>').load('/images_files/redimensionar.php?arquivo=<?php echo $imagem['Image']; ?>&largura=920&altura=590'); } </script> <!-- Fade miniaturas --> <script type="text/javascript"> /* Fade in and out for thumbnails */ var p_fade = function(element, mode, type, stop, number) { clearInterval(element.interval); switch(mode) { case 'slow' : var speed = 75; break; case 'fast' : var speed = 25; break; case 'normal' : default: var speed = 50; break; } if(number == 0) { element.interval = (type == 'in') ? setInterval(function() { fadeIn(element); }, speed) : setInterval(function() { fadeOut(element); }, speed); } else { setTimeout(function() { element.interval = (type == 'in') ? setInterval(function() { fadeIn(element); }, speed) : setInterval(function() { fadeOut(element); }, speed); }, number * 30); } func
-
Essa é a lightbox. Preciso usar ela, pois é mais fácil de adaptar e não entendo nada de jquery. Js: <script type="text/javascript"> $(document).ready(function() { $('a[name=modal]').click(function(e) { e.preventDefault(); var id = $(this).attr('href'); var maskHeight = $(document).height(); var maskWidth = $(window).width(); $('#mask').css({'width':maskWidth,'height':maskHeight}); $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); $(id).fadeIn(2000); }); $('.window .close').click(function (e) { e.preventDefault(); $('#mask').hide(); $('.window').hide(); }); $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); }); </script> Link: <a href="#exibe" name="modal">Abre lightbox</a> Lightbox: <div id="boxes"> <div id="exibe" class="window"> Conteúdo lightbox </div> <div id="mask"></div> </div>
-
Criei uma galeria de imagens com PHP e quando alguém clica em uma miniatura, abre uma lightbox (bem simples, com poucas linhas de js, css e umas divs) com a imagem ampliada. Até aí tudo bem, funciona perfeitamente, o problema é o tempo de carregamento da página, todas as imagens precisam carregar. Gostaria que as imagens grandes carregassem somente quando abro a lightbox (quando a div é exibida). Como faço?
-
Queria fazer algo assim: Quando passar o mouse sobre um link, exibir o conteúdo de uma div. Como faço? Abraços.
-
Amigos, gostaria de ter a opção de ocultar dois formulário na mesma página, mas não estou conseguindo. Só para um formulário dá certo, mas quando coloco mais de um, não. Tentei fazer alterações no JS mas não consegui. Estou fazendo assim: <script type="text/javascript"> function id( el ){ return document.getElementById( el ); } function mostra( el ){ id( el ).style.display = 'block'; } function esconde_todos( el, tagName ){ var tags = el.getElementsByTagName( tagName ); for( var i=0; i<tags.length; i++ ) { tags[i].style.display = 'none'; } } window.onload = function() { id('N').style.display = 'none'; id('S').style.display = 'none'; id('sel-portf').onchange = function() { esconde_todos( id('palco'), 'div' ); mostra( this.value ); } var radios = document.getElementsByTagName('input'); for( var i=0; i<radios.length; i++ ){ if( radios[i].type=='radio' ) { radios[i].onclick = function(){ esconde_todos( id('palco'), 'div' ); mostra( this.value ); } } } } </script> <input type="radio" id="sel-portf" name="sel-portf" value="S" />Sim <input type="radio" id="sel-portf" name="sel-portf" value="N" />Não <div id="palco"> <div id="N"></div> <div id="S"> <input type="text" name="desc"/> <textarea type="text" name="ref" ></textarea> </div> </div> Desta forma dá tudo certo, mas quero mais de um formulário na mesma página.
-
Não, ele está sendo executado somente ma home. Me disseram que eu deveria fazer assim, mas não consegui: Se existir o cookie Verifica o GET Se existe o GET, usa ele e sobrescreve o cookie Se não existe o GET, usa o cookie Se não existir o cookie Verifica o GET Se existe o GET, usa ele e cria o cookie Se não existe o GET, usa o default (mas não mexe no cookie)
-
Olá. Estou usando um cookie para gravar o idioma escolhido pelo visitante do meu site, mas o problema é que após o usuário escolher um idioma e recarregar a página, o cookie gravado anteriormente (EN) é substituído pelo padrão (PT). Como fazer para o cookie não sobrescrever? A parte que grava tá assim if (!isset($_GET['lang'])) { //se ?lang=en não for definido, cria padrão PT setcookie('lang', 'pt', time()+108000, '/'); } else { //se ?lang=en estiver definido usa o valor $lang = $_GET['lang']; setcookie('lang', $lang, time()+108000, '/'); } Parte que traduz switch ($_COOKIE['lang']) { case 'pt': require("portugues.php"); break; case 'en': require("ingles.php"); break; default: require("portugues.php"); }
-
Olá, amiguinhos. É o seguinte: Meu script tem duas querys, uma INSERT e uma SELECT. Alguém pode me ajudar a transformar essas duas em uma só UHAUHAAHUHAHAU? Faz dois dias que estou quebrando a cabeça com isso :) Segue as duas: $qData = "INSERT INTO images (ImageID, Cid, Sid, Title, Image, Viewed, Published, TimeStamp, Username, Email_Address) VALUES ('', '', '', '', '$filename', '', 'Yes', '', '$aData[Username]', '$Email_Address')"; $qData = "select * from `users` where `Uid` = '$_SESSION[Uid]'"; Abraços \o/