aspose file tools*
The moose likes HTML, CSS and JavaScript and the fly likes making a slideshow Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "making a slideshow" Watch "making a slideshow" New topic
Author

making a slideshow

jerrad kampon
Greenhorn

Joined: Mar 29, 2012
Posts: 6
I can't make a slide show using code from here
http://www.2webvideo.com/blog/all-purpose-free-photo-gallery

I use notepad++
I have 3 pictures for the slide show
named
aaa.jpg
bbb.jpg
ccc.jpg
And 3 png pictures for the controls named
lef.png
rig.png
sts.png

My website code is
<html>
<head>
</head>
<body>
<center>hello!
</body>
</html>

How do I, step by step, get the slide show into the website?
Thanks.

Tim McGuire
Ranch Hand

Joined: Apr 30, 2003
Posts: 820

jerrad kampon wrote:I can't make a slide show using code from here
http://www.2webvideo.com/blog/all-purpose-free-photo-gallery


The instructions there seem pretty clear, so please post the actual code and your directory structure. You are doing this on your localhost, right? Which web server are you using?

lets start out with your directory structure. Where are the .js files, the html files and the image files in relation to one another?

and, please post the actual code you are using and please use code tags so it is readable!
jerrad kampon
Greenhorn

Joined: Mar 29, 2012
Posts: 6
Thank you for answering.
I know squad about coding.
So for me the slide show code and how to make it to files that can be
moved to my website host, isn't clear.
I am trying to find out how to make websites.
I use free software.
I use notepad++.
And I use filezilla client in order to move files to my web host
My web host is a free account on 000webhost.com
To test the slide show I made a sub domain, let's call it dada.da.hostoi.com,
that means in my public_html folder I have a sub folder named dada,
and I can put my website files into that folder.
If I in notepad++ write
<html>
<head>
</head>
<body>
<center>hello!
</body>
</html>
and then save the code as a html file, named index, and move the file to the
dada folder I get a running website.
And that is actually all I know.

So how do I get a slide show into my advanced website?

Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61654
    
  67

Well, you'll either have to learn how to code, or hire someone who already knows.

Or find a tool that will generate the code for you.

No one here is going to write the code for you for free.


[Asking smart questions] [Bear's FrontMan] [About Bear] [Books by Bear]
jerrad kampon
Greenhorn

Joined: Mar 29, 2012
Posts: 6
A friendly place for programming greenhorns.

I'm a member of multiple user forums, and I've got rude answers.
I don't remember getting an answer as rude as yours mr. bibeault.

I'm not asking for free code, since I already have the free code.
But I don't know how to use it, and was asking for instructions how to step
by step use the code, and get a slideshow.

If this is how answers work around here don't bother, I don't want to be
a member. And marshal don't forget to erase the text up left of your website.
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61654
    
  67

All you have shown is code that display the text hello. If you have slideshow code that you are having problems with, you need to show it. Sorry if you think my post was rude. it wasn't intended to b:, just stating what's needed to help you.
jerrad kampon
Greenhorn

Joined: Mar 29, 2012
Posts: 6
I accept the apology.

Bibeault: “All you have shown is code that display the text hello. If you have slideshow code that you are having problems with, you need to show it. “

That is incorrect. Second line in my first post has this link:
http://www.2webvideo.com/blog/all-purpose-free-photo-gallery
I can't understand, what difference it makes, me copying and pasting it here, but here it is:
Part 1:
//If using image buttons as controls, Set image buttons' image preload here true
//(use false for no preloading and for when using no image buttons as controls):

var preload_ctrl_images=true;

//And configure the image buttons' images here:

var previmg='left.png';
var stopimg='stop.png';
var playimg='play.png';
var nextimg='right.png';

var slideShow=[]; // SLIDESHOW

//configure the below images and descriptions to your own, note optional links, target and window specifications.

slideShow[0] = ["1-big.jpg", "Seagulls", "http://www.2webvideo.com", "_new", "top=250, left=300, width=500, height=300, location, resizable, scrollbars"];
slideShow[1] = ["2-big.jpg", "Clock Tower"];
slideShow[2] = ["3-big.jpg", "Promenade", "http://www.yahoo.com"];
slideShow[3] = ["5-big.jpg", "Lamborgini", "http://www.google.com", "_new"];
slideShow[4] = ["4-big.jpg", "Atlantic"];
slideShow[5] = ["6-big.jpg", "Tuk Tuk", "http://www.bing.com", "_new"];

//optional properties for these images:

slideShow.no_descriptions=0; //use for no descriptions displayed
slideShow.pause=1; //use for pause onmouseover
slideShow.image_controls=1; //use images for controls
slideShow.button_highlight='#ffcccc'; //onmouseover background-color for image buttons (requires image_controls=1)
slideShow.specs='width=300, height=250' //global specifications for this show's new window(s)
slideShow.random=0; //set a random slide sequence on each page load
slideShow.manual_start=1; //start show in manual mode (stopped)
slideShow.delay=2000; //sets miliseconds delay between slides
slideShow.no_added_linebreaks=1; //use for not adding line breaks in formatting of texts and controls

//Notes:

//slides#.target will set a target for a slide group, will be overridden by slides#[#][3], if present
//slides#.specs will set new window specifications for a slide group, will be overridden by slides#[#][4], if present
//slides#.fadecolor will set fading images background color, defaults to white
//slides#.no_controls will set a slide show with no controls
//slides#.random will set a random slide sequence on each page load
//slides#.delay=4000 will set miliseconds delay between slides for a given show, may also be set in the call as the last parameter
//slides#.jumpto=1 will display added controls to jump to a particular image by its number
//slides#.no_added_linebreaks=1; use for no added line breaks in formatting of texts and controls

//use below to create a customized onclick event for linked images in a given show:
//slides#.onclick="window.open(this.href,this.target,'top=0, left=0, width='+screen.availWidth+', height='+screen.availHeight);return false;"

Part 2:
<html><head>

<title>Image Slideshow</title>

<style type="text/css">

/* All Styles Optional */

* {
font-family:calibri,arial;
font-size:16pt;
}

div#show {
background-color:#efefe7;
width:400px;
margin:0; padding:2px;
border:1px solid #909090;
}

div#show table input, div#show4 table input {
outline-style:none;
}

</style>

<!--[if IE]>
<style type="text/css">
div#show table td, div#show4 table td {
height:21px;
}
</style>
<![endif]-->

<script src="swissarmy.js" type="text/javascript"></script>

<script src="slideshow.js" type="text/javascript"></script>

</head>

<body style="margin:0; padding:0;">

<div id="show"><script type="text/javascript">new inter_slide(slideShow)</script></div>

</body>

</html>

As I read the website, that is a full code for a slide show. I've prepared 3 pictures for the slide show,
and 3 pictures for the slide show controllers.
But I cannot read and understand the code, so I don't know where to place what part of
the code. How to transform the code to files used by the web host. And where to locate the pictures on the web host.

The slide show website and Tim say, this is easy stuff. Then how come, no one tells me how it is
done?

Tim asked for further info, and he got it.
For illustrative purposes I wrote the “hello” code. If I can get the slide show running on that website, maybe I can make slides shows on the websites, I make using webeasy 8 pro.
Bibeault read all posts, and make up your mind.
Tim McGuire
Ranch Hand

Joined: Apr 30, 2003
Posts: 820

Bear Bibeault is actually trying to help you and he is right that all you've shown that you've actually tried is a simple hello world web page. That is a good first step

For the next step, we need to know: Have you placed the files (swissarmy.js, slideshow.js and the html file) from that link on this web server of yours?
jerrad kampon
Greenhorn

Joined: Mar 29, 2012
Posts: 6
This is certainly a new approach to user forums. You ask a question, and get the answer try
for yourself. I'm not sure this is leading anywhere.
When I answer a question in an user forum, I do it if I already know the answer, and it is no big
deal to answer. Or because I want to know the answer myself, and then I try to find the answer,
and if I succeed, I pass on the answer.
Before asking here, I tried all kind of solutions, and all failed.
I tried to save all code as html file. I tried to save one part as html, and one part as a java file.
I've tried all kind of combinations.
Tim you say, have you tried to upload the files? Yes, I have. I tried after renaming the pictures, but
made no difference.
If you in fact don't know the answer, that is not a big deal. I asked on another forum too. And
haven't got any answer. Apparently it's not an easy subject.
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61654
    
  67

Correct, CodeRanch is not like other forums where you just get an answer. At the Ranch, we teach you how to find the answer yourself, learning much in the process, and saving you tons of time next time a similar problem comes up, because you'll know how to deal with it quickly. If that's not an approach that works for you, or if you're not interested in actually learning how things work and just using code that is not understood, then CodeRanch may not be very useful to you. If you want to learn though, it's the best place to be!
Paul Clapham
Bartender

Joined: Oct 14, 2005
Posts: 18907
    
    8

It seems to me that you're new to the field of creating websites. If that's the case, then making a slideshow isn't the right place to start.

So what I would suggest is that you start by creating a website -- of one page to start with -- which contains the images you ultimately want to be in your slideshow. Once you have that working, then you'll have the answer to your question "Where do I put these things?"
 
It is sorta covered in the JavaRanch Style Guide.
 
subject: making a slideshow