chrometweaks.org

What is the best free iPage web hosting service?

Click Here To View All Answers...


First question I have is What is the best free iPage web hosting service? Looking forward for any answer. Another quick question... Hey again.

I'm trying to get a slide show up n running. I'd like the pictures to come up as they're own size not they size it's been set to because it's making them distorted n yucky..

The code for the slide show is ....

<!.

PushButton SlideShow with Captions and Cross-Fade.

Copyright 2003 by CodeLifter.com.

Author: etLux.

Shows images and accompanying captions..

Browsers: NS4-7,IE4-6.

Fade effect only in IE; degrades gracefully..

NS4 shows default caption only..

INSTRUCTIONS:.

Copy this entire script into a completely blank.

Page. Follow the commented instructions within..

//>.

<html>.

<head>.

<title>PushButton SlideShow</title>.

<!.

Set up the caption font in the following style..

Also set the styles for the controls..

Place the style script in the head of the page..

//>.

<style>.

.Caption {.

Font-family: Arial;.

Font-weight: normal;.

Font-size: 12pt;.

Color: #FF3300; }.

A.Controls:link { color:#666666;.

Text-decoration:none;.

Font-family: Arial;.

Font-size: 14pt;.

Font-weight: bold; }.

A.Controls:visited { color:#666666; text-decoration:none;.

Font-family: Arial;.

Font-size: 14pt;.

Font-weight: bold; }.

A.Controls:active { color:#666666; text-decoration:none;.

Font-family: Arial;.

Font-size: 14pt;.

Font-weight: bold; }.

A.Controls:hover { color:#00FF00; text-decoration:none;.

Font-family: Arial;.

Font-size: 14pt;.

Font-weight: bold; }.

</style>.

<!.

Place the following script in the head of the page..

Follow the set-up instructions within the script..

//>.

<script>.

// (C) 2003 by 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 = 2;.

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

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

Var showHot = false; // don't change this.

// 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] = 'Nebula01.jpg';.

Picture[2] = 'Nebula02.jpg';.

Picture[3] = 'Nebula03.jpg';.

Picture[4] = 'Nebula04.jpg';.

Picture[5] = 'Nebula05.jpg';.

Picture[6] = 'Nebula06.jpg';.

Picture[7] = 'Nebula07.jpg';.

Picture[8] = 'Nebula08.jpg';.

Picture[9] = 'Nebula09.jpg';.

Picture[10] = 'Nebula10.jpg';.

// 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 = 0;.

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 control(how){.

If (showHot){.

If (how=="H") jss = 1;.

If (how=="F") jss = jss + 1;.

If (how=="B") jss = jss - 1;.

If (jss > (pss)) jss=1;.

If (jss < 1) jss = pss;.

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();.

}}.

</script>.

</head>.

<!.

Add onload='showHot=true;' to the body tag. This is.

Needed to prevent false object calls while the page.

Is loading. Optional: If you are using this in a.

Popup, as in this demo, adding self.focus() to the.

Onload event in the body tag will bring the popup.

To the front each time it is loaded [recommended]..

//>.

<body onload='showHot=true;self.focus();' bgcolor=#000000 link="#FF0000" vlink="#FF0000" alink="#FF0000">.

<!.

The following table holds the images, captions, and controls..

Place the table in your page where you want the slideshow.

To appear. Follow the instructions for each table cell..

//>.

<div align="center">.

<center>.

<table border=0 cellpadding=10 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. Often, the first image in the Picture.

Array in the script is used here; but you.

May also use a different, introductory image.

As we have here, since this image is shown.

Only on start-up..

//>.

<td width=350 height=280 colspan="3">.

<img src=Nebula00.gif name=PictureBox width=350 height=280>.

</td>.

</tr>.

<tr>.

<!.

The next table cell holds the captions..

This table cell must have id=CaptionBox and.

Class=Caption in it's 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 colspan="3">.

This is the default caption..

</td>.

</tr>.

<!.

The following three cells contain the controls..

Each of the control a href's must contain class=.

Controls, to attach the styles (see top of script)..

To dress this up a bit, you can of course substitute.

<img src> images for the text in the links..

//>.

<tr>.

<td align="center">.

<a class=Controls href="#" onClick="javascript.

:control('B');">< <</a>.

</td>.

<td align="center">.

<a class=Controls href="#" onClick="javascript.

:control('H');">| | |</a>.

</td>.

<td align="center">.

<a class=Controls href="#" onClick="javascript.

:control('F');"><b>> ></b></a>.

</td>.

</tr>.

</table>.

</center>.

</div>.

</body>.

</html>.

So i'm jzu tryna get the picture to appear as it's actual size. thanx for your help =D..

Comments (2)

Good question... I dunno what is the answer to that question. I'll do some Googling and get back to you if I bump into an good answer. You should email the people at iPage as they probably know..

Comment #1

Thanx for that but I got wot I was after!.

I juz took out the hight and width of <img src=Nebula00.gif name=PictureBox width=350 height=280> that and got wot I was after -.

Cheers again..

Comment #2

>>.

<img src=Nebula00.gif name=PictureBox width=350 height=280>.

<<.

Hmm, don't forget to.

".

Quote.

".

All attributes that contain characters other than.

A.

To.

Z.

And.

0.

To.

9.

This means that all filenames (containat least), and all.

URL.

S (contain : and / andcharacters) should be quoted..

Additionally.

".

#FFFFFF.

".

Colours, and all.

".

50%.

".

Sizes should be.

".

Quoted.

".

..

In.

HTML 4.01.

It is.

Recommended.

To quote.

All.

Attributes. In.

XHTML.

And.

XML.

It is.

Required.

To do so..

<img src=.

".

Nebula00.gif.

".

Name=.

".

PictureBox.

".

Width=.

".

350.

".

Height=.

".

280.

".

Alt="some text".

>..

Comment #3


This question was taken from a support group/message board and re-posted here so others can learn from it.