Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Flori

Ñ entendo nada de JavaScript...

Por , em Javascript

Recommended Posts

Flori    0

Flori
Postado

EAE !

 

Galera tô precisando de uma ajuda...

 

Tenho esse slide em js que peguei num site, e gostaria de colocá-lo em um site c/ algumas imgs linkadas para uma determinada página, em um tamanho muito menor, o tamanho consegui resolver.

 

A dúvida é o seguinte:

1º - gostaria que ñ tivesse a legenda embaixo de cada imagem, pois elas estarão em uma tabela.

2º - como faço para linká-las para uma determinada página??

 

Ñ entendo “pipoca” nenhuma de js, e qq. coisa que se mexa o script ñ funciona...alguém pode dizer como faço??

 

<script>

 

// © 2002 www.CodeLifter.com

// http://www.codelifter.com

// Free for all users, but leave in this header.

 

// ==============================

// Set the following variables...

// ==============================

 

// Set the slideshow speed (in milliseconds)

 

var SlideShowSpeed = 3000;

 

// Set the duration of crossfade (in seconds)

var CrossFadeDuration = 3;

 

var Picture = new Array(); // don't change this

var Caption = new Array(); // don't change this

 

// ESPECIFIQUE SUAS IMAGENS NOS NOMES ABAIXO

// Specify the image files...

// To add more images, just continue

// the pattern, adding to the array below.

// To use fewer images, remove lines

// starting at the end of the Picture array.

// Caution: The number of Pictures *must*

// equal the number of Captions!

 

Picture[1] = 'imagem.jpg';

Picture[2] = 'imagem.jpg';

Picture[3] = 'imagem.jpg';

Picture[4] = 'imagem.jpg';

Picture[5] = 'imagem.jpg';

Picture[6] = 'imagem.jpg ';

Picture[7] = 'imagem.jpg';

Picture[8] = 'imagem.jpg';

Picture[9] = 'imagem.jpg';

Picture[10] = 'imagem.jpg';

Picture[11] = 'imagem.jpg';

 

// ESPECIFIQUE A LEGENDA DE CADA IMAGEM

// Specify the Captions...

// To add more captions, just continue

// the pattern, adding to the array below.

// To use fewer captions, remove lines

// starting at the end of the Caption array.

// Caution: The number of Captions *must*

// equal the number of Pictures!

 

Caption[1] = "This is the first caption.";

Caption[2] = "This is the second caption.";

Caption[3] = "This is the third caption.";

Caption[4] = "This is the fourth caption.";

Caption[5] = " This is the fifth caption.";

Caption[6] = "This is the sixth caption.";

Caption[7] = "This is the seventh caption.";

Caption[8] = "This is the eighth caption.";

Caption[9] = "This is the ninth caption.";

Caption[10] = "This is the tenth caption.";

 

// =====================================

// Do not edit anything below this line!

// =====================================

 

var tss;

var iss;

var jss = 1;

var pss = Picture.length-1;

 

var preLoad = new Array();

for (iss = 1; iss < pss+1; iss++){

preLoad[iss] = new Image();

preLoad[iss].src = Picture[iss];}

 

function runSlideShow(){

if (document.all){

document.images.PictureBox.style.filter="blendTrans(duration=2)";

document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";

document.images.PictureBox.filters.blendTrans.Apply();}

document.images.PictureBox.src = preLoad[jss].src;

if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];

if (document.all) document.images.PictureBox.filters.blendTrans.Play();

jss = jss + 1;

if (jss > (pss)) jss=1;

tss = setTimeout('runSlideShow()', SlideShowSpeed);

}

 

</script>

 

</head>

 

<!--

Add the onload=runSlideShow() event call to the body tag.

//-->

 

<body onload=runSlideShow() bgcolor=#000000>

 

<!--

The following table holds the images and captions.

Place the table in your page where you want the slideshow

to appear. Follow the instructions for each table cell.

//-->

 

<table border=0 cellpadding=0 cellspacing=0>

<tr>

<!--

The next table cell holds the images.

Set cell and image width and height the same.

The img src must have name=PictureBox in its

tag. Usually the first image in the Picture

array in the script is used here.

//-->

<td width=350 height=240>

<img src=Image001.jpg name=PictureBox width=350 height=240>

</td>

</tr>

<tr>

<!--

The next table cell holds the captions.

This table cell must have id=CaptionBox and

class=Caption in its tag. The default caption

shows whilst loading in all browsers; NS4

will show only the default caption, throughout.

//-->

<td id=CaptionBox class=Caption align=center bgcolor=#fedcba>

This is the default caption.

</td>

</tr>

</table>

 

Valeu !!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado
[tr][/tr][tr][/tr]
ASP <script>

 

// © 2002 www.CodeLifter.com

// http://www.codelifter.com

// Free for all users, but leave in this header.

 

// ==============================

// Set the following variables...

// ==============================

 

// Set the slideshow speed (in milliseconds)

 

var SlideShowSpeed = 3000;

 

// Set the duration of crossfade (in seconds)

var CrossFadeDuration = 3;

 

var Picture = new Array(); // don't change this

var Caption = new Array(); // don't change this

 

// ESPECIFIQUE SUAS IMAGENS NOS NOMES ABAIXO

// Specify the image files...

// To add more images, just continue

// the pattern, adding to the array below.

// To use fewer images, remove lines

// starting at the end of the Picture array.

// Caution: The number of Pictures *must*

// equal the number of Captions!

 

Picture[1] = 'imagem.jpg';

Picture[2] = 'imagem2.jpg';

Picture[3] = 'imagem3.jpg';

Picture[4] = 'imagem4.jpg';

Picture[5] = 'imagem5jpg';

Picture[6] = 'imagem6.jpg ';

Picture[7] = 'imagem7jpg';

Picture[8] = 'imagem8.jpg';

Picture[9] = 'imagem9.jpg';

Picture[10] = 'imagem10.jpg';

 

// =====================================

// Do not edit anything below this line!

// =====================================

 

var tss;

var iss;

var jss = 1;

var pss = Picture.length-1;

 

var preLoad = new Array();

for (iss = 1; iss < pss+1; iss++){

preLoad[iss] = new Image();

preLoad[iss].src = Picture[iss];}

 

function runSlideShow(){

if (document.all){

document.images.PictureBox.style.filter="blendTrans(duration=2)";

document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";

document.images.PictureBox.filters.blendTrans.Apply();}

document.images.PictureBox.src = preLoad[jss].src;

if (document.all) document.images.PictureBox.filters.blendTrans.Play();

jss = jss + 1;

if (jss > (pss)) jss=1;

tss = setTimeout('runSlideShow()', SlideShowSpeed);

}

 

</script>

 

<!--

Add the onload=runSlideShow() event call to the body tag.

//-->

 

<body onload=runSlideShow() bgcolor=#000000>

 

<!--

The following table holds the images and captions.

Place the table in your page where you want the slideshow

to appear. Follow the instructions for each table cell.

//-->

 

<table border=0 cellpadding=0 cellspacing=0>

<tr>

<!--

The next table cell holds the images.

Set cell and image width and height the same.

The img src must have name=PictureBox in its

tag. Usually the first image in the Picture

array in the script is used here.

//-->

<td width=350 height=240>

<img src=imagem1.jpg name=PictureBox width=350 height=240>

</td>

</tr>

</table>

 

tirei o trecho de codigo das legendas

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito