Jump to content


WmGuto

Member Since 19/01/2004
Offline Last Active 21/01/2005, 01:37
-----

Topics I've Started

Como Inserir Uma Animação

22/11/2004, 16:02

Estou em dúvida de como devo colocar as animações em flash, numa página web...!!!
Trabalho com o Front page, mas como exportar um clip, ou banner para dentro d'ele...???
Ahh, por sinal, também, coloquei os hiperlinks, na get url, mas estou em dúvida de como devo colocar...!!!
Não sei se devo colocar com o http://www....com.br/alguma coisa....!!!
São hiperlinks internos, mas e quando eu transferir par os arquivos para o servidor, vai ter que ficar como....??? ou é simples como o frtPag..., na qual seus hiperlinks, só se baseiam pelas pastas como, minhaweb/alimento/qualidade/banner....???


Me ajuda aí pessoal, to nessa dúvida cruel e que me fez perder um bom tempo...!!!

Até mais valeu e obrigado pela ajuda...!!!

Que Parte Do Código Eu Errei?!

13/08/2004, 00:53

Não sei o que está faltando, coloquei e fiz tudo como o livro e u, site disse, mas mesmo assim a imagem não faz a rotação, ou melhor a troca de imagens, aparece apenas uma e está fica lá estática!!!!

Confiram o Código que vou passar a vocês agora e por favor mandem-me o mais rápido possível!!!!

Vou passar os vários códigos que usei!!!!


<script LANGUAGE="JavaScript">
<!--

/*
troca de imagens
*/

//set image paths
src = ["image1.gif", "image2.gif", "image3.gif", "image4.gif"]


//set corresponding urls
url = ["http://www.wmonline.com.br", "http://www.bol.com.br", "http://www.terra.com.br", "http://www.geocities.com"]

//set duration for each image
duration = 4;

//Please do not edit below
ads=[]; ct=0;
function switchAd() {
var n=(ct+1)%src.length;
if (ads[n] && (ads[n].complete || ads[n].complete==null)) {
document["Ad_Image"].src = ads[ct=n].src;
}
ads[n=(ct+1)%src.length] = new Image;
ads[n].src = src[n];
setTimeout("switchAd()",duration*1000);
}
function doLink(){
location.href = url[ct];
} onload = function(){
if (document.images)
switchAd();
}
//-->
</SCRIPT>

<A HREF="javascript:doLink();" onMouseOver="status=url[ct];return true;" 
onMouseOut="status=''">
<IMG NAME="Ad_Image" SRC="image1.gif" BORDER=0>
</A>

Este outro divide em duas parte <Head> e <Body>:

<head>
<script language="JavaScript1.1">
<!--

/*
troca de imagens
*/

var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}

function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}

function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}

//-->
</script>
</head>

<body>

<a href="javascript:gotoshow()"><img src="food1.jpg" name="slide" border=0 width=300 height=375></a>
<script>
<!--

//configure the paths of the images, plus corresponding target links
slideshowimages("food1.jpg","food2.jpg","food3.jpg","food4.jpg","food5.jpg")
slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious.com/run/recipe/view?id=10092","http://food.epicurious.com/run/recipe/view?id=100975","http://food.epicurious.com/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe/view?id=20010")

//configure the speed of the slideshow, in miliseconds
var slideshowspeed=2000

var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()

//-->
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://www.wmonline.com.br">JavaScript
Kit</a></font></p>

</body>

Esta Parte eu tirei de um livro, mas não sei como fazer para ela funcionar dentro de uma tabela!!!! Falta a Parte do Corpo do <body>, mas eu preciso colocar link, nas figuras, pois cada uma delas leva a lugares diferentes, e também elas tem que ficar girando sempre após acabar a sequência como um loop.

olha o código:

<head>
<script language = "javascript">
<!-- Banners
var the images = new Array();
the_images[0] = new Image();
the_images[0].src = "images/outras/cabelospontocom---01.gif";
the_images[1] = new Image();
the_images[1].src = "images/outras/cacula---01.png";
the_images[2] = new Image();
the_images[2].src = "images/outras/marini---02.gif";
the_images[3] = new Image();
the_images[3].src = "images/outras/kidoce---01.gif";
var the_timeout;
var index = 0;
function rotateImage()
{
window.document.my_image.src = the_images[index].src;
index++;
if (index >= the_images.length)
{
index = 0;
}
the_timeout = setTimeout ("rotateImage();", 3000);
}
// rotação de Imagens -->
</script>
</head>


Preciso de Uma jauda Simples, o Banner que quero é apenas uma troca de imagens estáticas com link!!!, não sei o que houve com esses códigos apliquei eles no Front Page, mas não deu em nada!!!!

Algum Fera, Fera mesmo pode me ajudar, se possível manda um e-mail ou uma mensagem privada o quanto antes!!!! pode ser agora, podemos trocar alguma idéia!!!!

Estou no aguardo, quero vê se tem algum fera no pedaço!!!!
Valeu!!!!

Rotação De Imagens P/ Banner

12/08/2004, 16:10

Estou precisando que me ajudem a terminar esse código e a enserir na prática dentro de uma tabela!!!!

Explicando:
Preciso de um banner, qie faça a rotação de imagens gif estáticas, e que seja um loop, para poder repetir essas imagens quando chegar ao fim!!!!
Também preciso que essas imagens (cada uma delas teja um link, já que cada uma das imagens fala sobre tal assunto, diferente das outras).
preciso que estás imagens fiquem aparecendo por 3 segundos!!!
Qual o código, para fazer ela rodar dentro de uma tabela!!!!

Obrigadaço pela Ajuda!!!!

O Código inicial é o seguinte, não sei o que está Faltando e se ele vai repetir após terminar a rotação das imagens, não consegui direcionar na Tabela!!!!

<head>
<script language = "javascript">
<!-- Banners
var the images = new Array();
the_images[0] = new Image();
the_images[0].src = "images/outras/cabelospontocom---01.gif";
the_images[1] = new Image();
the_images[1].src = "images/outras/cacula---01.png";
the_images[2] = new Image();
the_images[2].src = "images/outras/marini---02.gif";
the_images[3] = new Image();
the_images[3].src = "images/outras/kidoce---01.gif";
var the_timeout;
var index = 0;
function rotateImage()
{
window.document.my_image.src = the_images[index].src;
index++;
if (index >= the_images.length)
{
 index = 0;
}
the_timeout = setTimeout ("rotateImage();", 3000);
}
// rotação de Imagens -->
</script>
</head>




esta parte é so head, falta o comando na tabela!!!!
(y)

Banner Help Me Turma!

12/08/2004, 05:53

É o seguinte, ele vai ser o seguinte, não vai ter aquela paradinha no Banner quando for passado o Mouse por cima, é o seguinte, a imagem vai ter que ser um link, mas como vai ser várias imagens, eu preciso que quando chegar ao fim ela volta a repetir "um loop"!!!
eu não consegui colocar ele na tabela funcionando, ele está bom mas preciso que ele retorne após chegar ao fim das imagens!!!!

o código:

<head>
<script language = "javascript">
<!-- Banners
var the images = new Array();
the_images[0] = new Image();
the_images[0].src = "images/outras/cabelospontocom---01.gif";
the_images[1] = new Image();
the_images[1].src = "images/outras/cacula---01.png";
the_images[2] = new Image();
the_images[2].src = "images/outras/marini---02.gif";
the_images[3] = new Image();
the_images[3].src = "images/outras/kidoce---01.gif";
var the_timeout;
var index = 0;
function rotateImage()
{
 window.document.my_image.src = the_images[index].src;
 index++;
 if (index >= the_images.length)
 {
  index = 0;
 }
 the_timeout = setTimeout ("rotateImage();", 3000);
}
// rotação de Imagens -->
</script>
</head>

esta parte é so head, falta o comando na tabela!!!! :blink:

Banners, Rotators

26/01/2004, 00:34

preciso que me ensinem a fazer um código, que faça com que os Banners fiquem rodando de forma aleatória, mas que haja um tempo para cada um, quero isso em um código de Java script.

Eu tenho um código ele é o seguinte, mas faz muito tempo que eu não mecho com programação e estou precisando e necessitando de uma explicação passo a passo.

o código é o seguinte:

<script>

<!-- written by The Omega

//  http://members.xoom.com/the_omega/

//  the_omega@geocities.com

// You must leave these comments in to use the script

//  (hey, I wrote it. Let me have a little credit!)



// put info for randomly selected banners here, as in the examples

gfx0="banner1.gif";

lnk0="page1.html";

alt0="Alt code 1";

txt0="Tagline 1";

gfx1="banner2.gif";

lnk1="page2.html";

alt1="Alt code 2";

txt1="Tagline 2";

gfx2="banner3.gif";

lnk2="page3.html";

alt2="Alt code 3";

txt2="Tagline 3";

len=3;  // change to equal number of banners



today=new Date();

today=today.getTime()/10;

rnd=today%len;

document.writeln('<A HREF="'+eval("lnk"+rnd)+'"><IMG SRC="'+eval("gfx"+rnd)+'" ALT="'+eval("alt"+rnd)+'"><BR>'+eval("txt"+rnd)+'</A>');

//-->

</SCRIPT>


O outro é o seguinte:

<!-- --><script LANGUAGE="JavaScript">

<!-- Hide from JavaScript-Impaired Browsers
/* First, if you load fewer or more than 6 sponsors
  into your rotator, change the "number_of_sponsors" variable
  to the actual number of sponsor .gifs you plan to
  load. */
  number_of_sponsors=6;

var sctr=0;
var halt=0;
var isn=new Array();
for (i=0;i<number_of_sponsors;i++){
isn[i]=new Image();
}

/* The sponsor .gif names are loaded into the isn[x]
  sponsor images array.  You may load any number of
  sponsor images (.gif or .jpg or both) into this
  array. They must all be the same size, however.
  Substitute your own .gif filenames for the ones
  shown here. Note that the first .gif must appear
  in the isn[0] array element. */
isn[0].src="http://www.yourplace/netad.gif";
isn[1].src="http://www.yourplace.gif";
isn[2].src="http://www.yourplace.gif";
isn[3].src="http://www.yourplace.gif";
isn[4].src="http://www.yourplace.gif";
isn[5].src="http://www.yourplace.gif";

/* Finally, replace the URL's below with those of
  your sponsors IN THE SAME ORDER. */
var durl=new Array();
durl[0]="http://www.adobe.com/aic/";
durl[1]="http://www.pacificco...try.infohiway";
durl[2]="http://www.infohiway...com/webwalker";
durl[3]="http://info.netscape....com/sban11_e";
durl[4]="http://www.infohiway...cript/hts.htm";
durl[5]="http://www.pentax.com/";

/* This script is set to rotate every 10 seconds.
  (5000=5 seconds, so 30000 would equal 30, etc)
  You should change the number in the setTimeout()
  call below for the number of seconds you wish. */
function rotateIt(){
if (halt!=1){
  sctr++;
  if (sctr>number_of_sponsors-1){
  sctr=0;
  }
  document.sponsor.src=isn[sctr].src;
  setTimeout("rotateIt()",10000);
  }
}

/* This code will work just fine with or without
  frames.  However, if you are in frames and wish
  to replicate the TARGET="_top" call to remove
  frames, change the location.href call to:
    parent.location.href=durl[sctr];
  below. */
function doIt(){
halt=1;
location.href=durl[sctr];
}

function dispIt(){
parent.window.status=durl[sctr];
}
// End Hiding -->

</SCRIPT>

<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr>
<td><a href="http://your url.html" onClick="doIt();return false" onMouseover="dispIt();return true;"><img SRC="http://whatever the name is.gif" NAME="sponsor" BORDER=0 height=60 width=468></a></td>
</tr>
</table></center>
<!-- this script and more free from a1javascripts.com -->


===========================================
===========================================
PLEASE NOTE: this last part must be placed at the bottom of the page.

<!-- -->
<script LANGUAGE="JavaScript">
<!-- Hide JavaScript from Java-Impaired Browsers
sctr=0;
rotateIt();
// End Hiding -->
</SCRIPT>
<!-- -->



Sei que nesses códigos há duas etapas, ou pelo menos em um deles, a primeira se coloca no Head e outra no Body, ou as duas no Body, não sei, Pôxa estou me complicando muito.

Ah e o Arquivo do Banner em que lugar tenho que salvar pode ser na mesma pasta das imagens, ou é melhor ter uma pasta só para imgens e outra só para Banners?

Também gostaria de Saber, qual o melhor programa para se fazer Banners, o Photoshop é Bom e o Corel Draw, o Xara web style 2, também é bom?

Estou aprendendo alguma coisa agora, mas vou pedir mais explicações de Banners na próxima pergunta ou após alguma resposta.

Abraços :wacko:

IPB Skin By Virteq