Jump to content


Photo

Que Parte Do Código Eu Errei?!


  • Faça o login para participar
2 replies to this topic

#1 WmGuto

WmGuto

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado

Posted 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!!!!

#2 _MX_

_MX_

    Conhecimento nunca é demais

  • Usuários
  • 563 posts
  • Sexo:Não informado
  • Localidade:Diadema-sp

Posted 14/08/2004, 20:25

usa esse código

<html>
<head>
<title>banner</title>
<script language = "javascript">
var timeout = setInterval("rotateImage()", 3000);
var the_images = new Array();
var the_links = new Array();
the_images[0] = "http://forum.wmonline.com.br/style_images/1/t_reply.gif";
the_links[0]="http://www.terra.com.br";
the_images[1] = "http://forum.wmonline.com.br/style_images/1/logo4.gif";
the_links[1]="http://www.uol.com.br";
the_images[2] = "http://forum.wmonline.com.br/style_images/1/t_poll.gif";
the_links[2]="http://www.wmonline.com.br";
the_images[3] = "http://forum.wmonline.com.br/style_images/1/topo/logo-wm.gif";
the_links[3]="http://www.google.com.br";
var index = 0;
function rotateImage()
{
	window.document.my_image.src = the_images[index];
	document.getElementById('link').href=the_links[index];
	index++;
	if (index >= the_images.length)
	{
  index = 0;
	}
}
</script>
</head>
<body>
<a href="#" id="link"><img src="" alt="" name="my_image" width="468" height="60" border="0" id="my_image"></a>
</body>
</html>

========================================================
Copiar o bom é melhor que inventar o ruim
========================================================
"O segredo da criatividade é saber esconder suas fontes"
(Einstein)
========================================================

#3 WmGuto

WmGuto

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado

Posted 19/08/2004, 18:28

_MX_, não sei oque houve, mas não consegui fazer a troca de imagem, os nomes ds links até apareciam no Opera, mas Iexplorer, nada, só a caixa vazia como se não existisse imagem naquele local!!!

De uma conferida, nesse outro código, mas achei dezzz o que você me enviou, fácil e prático, mas não sei o que houve!!!!

Veja se você acha o defeito, (y) Valeu, conto com sua ajuda novamente!!!!

o outro código é o seguinte!!!!

Acho esse código meio estranho mas se rodar é a conta!!!!


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

/*
JavaScript Image slideshow:
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScript here!
*/

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()
}

//-->

</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://javascriptkit.com">JavaScript
Kit</a></font></p>

</body>


como falei seu código é muito bom não sei o que aconteceu, me ajude a fazer aquele código que vc me passou a rodar ou esse que eu te mandei!!!!




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq