Arquivo da Categoria ‘javascript’

Carousel.us

quinta-feira, 7 de agosto de 2008
What is it ?
Carousel.us is a Javascript 3D carousel, using either the prototype.js and scriptaculous.js or mootools.js frameworks. It also uses PHP Easy Reflections v3 by Richard Davey.
Fixes
(07/23/08) :
- Adaptation for mootools.js.
- Transparency compatibility for IE6.
Demonstration
You can try out the demonstration on this page (http://www.piksite.com/carousel.us/carousel.us.php)
Documentation
You will find a configuration file (_inc/config.php) in which you can define the default parameters or you can also define them via URL using the GET method. Here are the several parameters :

includes Directory where your files to include are
javascript Directory where your javascript files are
css Directory to your css file
path Directory where your images are
framework Framework you want to use (scriptaculous or mootools)
opacity Reflection opacity (0-100)
height Reflection height (pixel)
radiusx Horizontal spacing between opposite images (pixel)
raidusy Vertical spacing between opposite images (pixel)
centerx Position X of the carousel center (pixel)
centery Position Y of the carousel center (pixel)
clickit Add onclick event on each image (true or false)
base Base speed (boolean)
speed Carousel speed (boolean)
Download
You can download it here.

Hoje todo mundo é uébidesigner

domingo, 17 de junho de 2007

Especialização - Publicado em 02/12/2004

Seleção natural. Só isso é o que temos a dizer. O raciocínio superficial de que alguém progrediu e aí pôde se especializar não funciona mais. Hoje, todo mundo é uébidesigner. Poucos são designers de interface, estrategistas de conteúdo, criadores de interfaces em mídia rica (ou Rich Media). A especialização é seu combustível e não o aditivo.

link
http://www.carreirasolo.org/archives/000118.html

WP lightbox JS WordPress plugin

sexta-feira, 9 de março de 2007

Aquele efeito maneiro e bem popular que tá na moda nos sites da globo.com e tantos outros, quando abrimos fotografias na internet, é feito através de um javascript chamado lightbox e a boa é que já tem plugin para wordpress.

Eu coloquei numa postagem recente e o efeito pode ser conferido no post Crypto Storage 1.5.1 além da página fotografias no meu blog que ajustei pra usar o plugin.

desabilita o botão direito do mouse

sábado, 3 de março de 2007

<script language=JavaScript>
<!–
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// –>
</script>

lightbox

segunda-feira, 12 de fevereiro de 2007

http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

Author: Lokesh Dhakar | Homepage

Version details: 2.02

Description: Lightbox Image Viewer 2.0 expands upon Lightbox Image Viewer with a few new features. While the original version is great for viewing images individually on the page, Lightbox 2.0 supports a new “grouping” feature that lets you group related images on the page for easy browsing amongst them. The transitional effect for bringing up an image also differs from the original. And like before, this script supports optional caption display, plus incremental preloading of the next image when images are grouped. Very nice! (more…)

overlib.js caixa flutuante

quinta-feira, 25 de janeiro de 2007

Acid do saindodamatrix usa um recurso muito interessante na publicação dos artigos, chamado overlib. É um javascript muito interessante para fazer flutuar uma pequena caixa de textos sobre imagem, texto ou link. É de fácil integração ao site. Veja um tutorial com mais detalhes.

o html

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

aplicando o script

<a class="overlib" onmouseover="return overlib(’O texto que vai aparecer na caixinha‘);" onmouseout="nd();">seu texto marcado</a>

fazer download do overlib.js, ler a documentação e visitar o site do desenvolvedor.

styleswitcher.js

segunda-feira, 22 de janeiro de 2007

Criar duas ou mais folhas de estilos css, declará-las no head. Criar um arquivo styleswitcher.js e também referenciar no head. Com isso, basta fazer algumas folhas de estilos variados e aplicar conforme necessidade. (more…)