HTML - Website Slideshow? (scrolling Through Pages) Help Needed

Hi all,

Please excuse all of my ignorance. I am teaching myself (and being taught by nice people like yourselves) on html and website building. Mods, I was unsure as to where to put this and apologize if I am in the wrong section.

This will be a semi long post as I have lots of questions for all of you. I will organize it into sections in hopes to get a more detailed response.

The Background
I have experience with basic html and have (until now) only used free web servers with web site building tools and just used html for templates and buttons etc. I run my own fish/aquarium supply business and wanted my own .com name instead of a sub-domain. So my better half bought me a a domain and basic hosting package from godaddy.com

-I am running OS X on a powerbook via safari and firefox.

-My host is at godaddy.com

-I am confused and in need of help.

The Problem
Well, so far for me being "good" with websites what a joke that was. Without a web site editor software like the free sub-domains come with I am lost. I understand a html editor would be the best and easiest way to make pages for my site?

-My main problem is I cannot get html documents onto my website. I understand I should be using FTP? I have tried with no success, I am unsure as to which folder to even move the page to, I dont even know which one is my home page *Blushes*

-I am very new to FTP and would like some advice for the best way to transfer HTML to a site.

-I also dont know how to name the page i.e.: mypage.com/AboutUs.html
(How do call the page "about us")

-I have tried looking around on go daddy for some answers and havent found much info besides it telling me to use FTP to upload files. I must not have done it right because i am still getting the "oops this site isnt up yet" message.

If you couldnt tell I need a lot of help. I really just need to know how to get my first few pages up and running....I just dont know how to get the files from where they are on my computer to my site, since the package I have doesnt have a website builder/software. If your willing to educate me, Im willing to learn. All help is appreciated and feel free to laugh at my ignorance. Im doing my best.

Drew

P.s. Do you need the name of my site in order to help me? If so, Am I allowed to even post the name of my site for reference purposes?

I don't know if this even belongs in HTML, but my question is whether or not there is any way I can include text seamlessly within a webpage from a remote location, i.e., a text file... I guess... so that it works like an iframe. Or should I just give it up and use an iframe?

The website I'm creating is located he freshsession.net23.net
Please take a minute to look through it. I know like half the nav links aren't working; that's because I don't know what I want to do for them yet. I haven't done this in years and I've never been that advanced so I'm really rusty. How should I lay this out? The top is going to be a picture that I'm still working on, so ignore that part (obviously the easiest to ignore).

I'm just using divs right now, but what I don't like is having to have the same page for every page. I only want the content to change, but for some reason I'm not feeling iframes. But if that's my only option, I'll sure go with it. For the drawings page, I was going to use a gallery script and have them all right there. I want it to be very minimal and simple. Then for the blog I don't really know what to do, and for the guestbook I don't know what to do. Like I said, I want everything to be really nice and simple and preferably integrated. Any suggestions would be greatly appreciated (regarding the layout set up in general, a gallery script, blog, or guestbook, for example).

Thanks a lot! Please throw me your tips and ideas!

This will be hard for me to explain so I will add an image:

http://img75.imageshack.us/my.php?image=examplexu6.gif

How do I go about loading a page within a page. For example, in the pic, if you clicked Cost it would load a page within the loading area without taking off to another location.

I seen it on a site before, i remember the links were something like "/?p=cost" or something like that. And the page appeared to not navigate elsewhere, the cost page was just loaded within the page i was on.

hope that makes sense, if so any examples on this? is it hard to do? messy? safe with most browsers? thanks

Hi everyone,

I'm looking for a html/css script that will allow me to do something similar to the image slideshow on http://trilogyproducts.com/.

The Trilogy Products slideshow is in flash, however we were hoping to replicate it in HTML - in particular the fade in and out automated slideshow, PLUS the ability to click on to the little circle navigation and fade out the current shot and fade in the selected shot.

Any help would be very much appreciated.

Thanks
Bec

Right, I have started up a gaming website and I need that Headline Slideshow feature implemented soon as.

Here is what I'm struggling with:

I want to swap the normal action buttons (supplied by the slide generator *liink at bottom) with images I have created.

Buttons I want changed too
(<)Left button =http://i40.tinypic.com/mrftlc.jpg
(>)Right button =http://i39.tinypic.com/5wuo5.jpg

I do not want any other action buttons. But I want my images to be placed around the slide like so http://i40.tinypic.com/2176tf.jpg

Here is the Code:
Code:

<!-- configurable script -->
<script type="text/javascript">
theimage = new Array();


// The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4.
// Format: theimage[...]=[image URL, link URL, name/description]
theimage[0]=["http://i42.tinypic.com/205tidx.jpg", "http://enj.yolasite.com", ""];
theimage[1]=["http://i42.tinypic.com/205tidx.jpg", "http://enj.yolasite.com", ""];

///// Plugin variables

playspeed=5000;// The playspeed determines the delay for the "Play" button in ms
//#####
//key that holds where in the array currently are
i=0;


//###########################################
window.onload=function(){

	//preload images into browser
	preloadSlide();

	//set the first slide
	SetSlide(0);

	//autoplay
	PlaySlide();
}

//###########################################
function SetSlide(num) {
	//too big
	i=num%theimage.length;
	//too small
	if(i<0)i=theimage.length-1;

	//switch the image
	document.images.imgslide.src=theimage[i][0];

	//if they want name of current slide
	document.getElementById('slidebox').innerHTML=theimage[i][2];

}


//###########################################
function PlaySlide() {
	if (!window.playing) {
		PlayingSlide(i+1);
		if(document.slideshow.play){
			document.slideshow.play.value="   Stop   ";
		}
	}
	else {
		playing=clearTimeout(playing);
		if(document.slideshow.play){
			document.slideshow.play.value="   Play   ";
		}
	}
	// if you have to change the image for the "playing" slide
	if(document.images.imgPlay){
		setTimeout('document.images.imgPlay.src="'+imgStop+'"',1);
		imgStop=document.images.imgPlay.src
	}
}


//###########################################
function PlayingSlide(num) {
	playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', playspeed);
}


//###########################################
function preloadSlide() {
	for(k=0;k<theimage.length;k++) {
		theimage[k][0]=new Image().src=theimage[k][0];
	}
}


</script>


<!-- slide show HTML -->
<form name="slideshow">

<table border="1" cellpadding="2" cellspacing="0">
<tr>
	<td align="center">
	<a href="#" onmouseover="this.href=theimage[i][1];return false">
	<script type="text/javascript">
		document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][0]+'" border="0">')
	</script>
	</a>
	</td>
</tr>
<tr>
	<td align="center"><div id="slidebox"></div></td>
</tr>
<tr>
	<td align="center">
		<input type="button" value="I<<" onclick="SetSlide(0);" title="Jump to starting image">
		<input type="button" value="<<" onclick="SetSlide(i-1);" title="Previous image">
		<input type="button" name="play" value="   Play   " onclick="PlaySlide();" title="Autoplay">
		<input type="button" value=">>" onclick="SetSlide(i+1);" title="Jump to next image">
		<input type="button" value=">>I" onclick="SetSlide(theimage.length-1);" title="Jump to ending image">
	</td>
</tr>
</table>

</form>
<!-- end of slide show HTML -->

(code generated from http://www.ricocheting.com/code/java...e-slideshow-v2 if that helps)

PLEASE NOTE: We do not want the (>>) (<<) or <PLAY> buttons. Just as above.

We would gratefully accept any help - we are really bad with HTML. We have contacted the developer of the code but as of posting there has been no response.

Thx.

I want to position my slideshow in the center of the side.
the buttons are positioned with css.
http://javascript.lima-city.de/

Who can help ?

How do I make a slideshow where images roll and when clicked on go to another page?

There are about 200 photos in a folder d:\photos\.
How to make a script to display slideshow of all photos one by one without entering each photo's name?
I found a script which displays all photos but need to input all photos' name.

below there is a piece of code with slideshow (I took it from http://www.ricocheting.com/code/java...mage-slideshow). I can see only the first picture, not the rest. Can someone help me?


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>try5</title>
</head>
<body>
<script type="text/javascript">
// Author: ricocheting.com
// Description: slideshow that allows visitors to flip through a series of images on your website
var x=0;
function rotate(num){
fs=document.ff.slide;
x=num%fs.length;
if(x<0) x=fs.length-1;
document.images.show.src=fs.options[x].value;
fs.selectedIndex=x;}
function auto() {
if(document.ff.fa.value == "Stop"){
rotate(++x);setTimeout("auto()", 5000);}}
</script>
<form name="ff">
<table style="border: 1px solid black; border-collapse: collapse;"
cellpadding="3">
<tbody>
<tr>
<th align="center"></th>
</tr>
<tr>
<td align="center"><img src="IMG0.JPG"
name="show">
</td>
</tr>
<tr>
<td style="border: 1px solid black;" align="center">
<select name="slide"
onchange="rotate(this.selectedIndex);">
<option value="IMG0.JPG"></option>
<option value="IMG1.JPG"></option>
</select>
</td>
</tr>
<tr>
<td style="border: 1px solid black;" align="center"><input
onclick="rotate(0);" value="ll&lt;&lt;"
title="Jump to beginning" type="button">
<input onclick="rotate(x-1);" value="&lt;&lt;"
title="Last Picture" type="button"><input name="fa"
onclick="this.value=((this.value=='Stop')?'Start':'Stop');auto();"
value="Stop" title="Autoplay" style="width: 75px;"
type="button">
<input onclick="rotate(x+1);" value="&gt;&gt;"
title="Next Picture" type="button"><input
onclick="rotate(this.form.slide.length-1);" value="&gt;&gt;ll"
title="Jump to end" type="button">
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>

I'm making a website for a club in my school. I'm trying to put a slideshow script that has javascript and css into the page, and I've gotten it to fit and everything, but the slideshow isn't functioning. Independently, the slideshow works. Here are the links. It would be great if someone could help me with this.

Problematic Site:
http://www.freewebs.com/valleykey/new.htm

Site without slideshow:
http://www.freewebs.com/valleykey/

Slideshow:
http://www.freewebs.com/valleykey/1.htm

<div style="width:600px; text-align: center;"><embed type="application/x-shockwave-flash" wmode="transparent" src="http://w22.photobucket.com/pbwidget.swf?pbwurl=http://w22.photobucket.com/albums/b339/ashezfal/product-misc/91c6ecdd.pbw" height="180" width="600"><a href="http://photobucket.com/slideshows" target="_blank"><img src="http://pic.photobucket.com/slideshows/btn.gif" style="float:left;border-width: 0;" ></a><a href="http://s22.photobucket.com/albums/b339/ashezfal/product-misc/?action=view&current=91c6ecdd.pbw" target="_blank"><img src="http://pic.photobucket.com/slideshows/btn_viewallimages.gif" style="float:left;border-width: 0;" ></a></div>

This is the html code for a photobucket slideshow that i am trying to use on my website. my problem is that when you click on it, it takes you to my album. I know i can change that on photobucket preferences but i just want to make it so that it can't be clicked at all. Can anybody help me?

I want to create a slideshow, with the pictures rotating at the bottom of my webpage. However, when the page changes it jumps back to the top of the page. Does anyone know how to prevent this?

Thanks.

Im really not sure if the title of this thread is right.

Anyway, i dont know too much about HTML coding, but id like help with something on my .... MySpace haha

Alright, so this is my myspace at the moment.
www.myspace.com/cj_x3

As you can see, i have links on the sides, done by the following code example;
Quote:
<div style="width: 78px; height: 22px; position: absolute; bottom:5px;right:15px; background-color: transparent; border-width:0px;border-style:solid;border-color: transparent; font-family: verdana;">
<a href="LINK" style="color: dd4444; font-size: 9px; position: absolute; right: 0px; top: 0px">EXAMPLE LINK TEXT</a>
</div>
When you scroll down, the links on the sides scroll off the top. I dont like this...

What i want to happen, is for them to be fixed, like the background, so when you scroll down, the links around the sides dont move.

Thanks for the help in advance

Hey all. I have been working on this website that my friend had been designing, and was just wondering if this was possible.

The way it is now, the topmost div's are supposed to stay in their position at all times, and the only part that would scroll would be the main body.

The two body divs (left and right) have been placed inside the div that should be scrolling.

I know there is the css overflow, but the problem is, there is no fixed height on the div, so this method isn't quite right.

If anyone knows of a way where we could just start the scrolling at a certain point down the page, that would be great.

Here is a link to the page so far - don't worry, it won't look close to that when finished... Image/text placeholders are horrid, I know.

http://http://pixelconcepts.zxq.net/

-Thanks in advance.

my page (http://www.zerofivezero.net/the_project102.html) is scrolling as if there's content down the page, but there isn't...I can't figure it out.

I'm using the code below to hide the content and have it swapped when selecting an item from the nav.

Code:

.hidden {
	position:absolute; 
	z-index:2; 
	visibility:hidden;

Code:

<div id="section3_region" class="hidden"><div class="news"><fieldset>
        <legend><img src="images/forum_leg.jpg" width="120" height="28" border="0" alt=""/></legend>
        <br /><br />
        <div class="img"><img src="images/news_thumb1.jpg" width="80" height="75" border="1" alt=""/></div>
        This is the news section<br />
		Yep, this is where the news will be.  This will be the short blurb about the story.
	    <div class="img"><img src="images/news_thumb2.jpg" width="80" height="75" border="1" alt=""/></div>
		This is the news section<br />
		Yep, this is where the news will be.  This will be the short blurb about the story.
	    <div class="img"><img src="images/news_thumb3.jpg" width="80" height="75" border="1" alt=""/></div>
		This is the news section<br />
		Yep, this is where the news will be.  This will be the short blurb about the story.
        </fieldset></div>